为下拉列表分配ng-model

Question

我在列表中有一个项目，其下拉值为ROLES。我无法设置ng-model for drop down。如果我选​​择Actor我希望我的ng-model设置为Actor

<li class="dropdown" ng-model="$scope.Role">
          <a class="dropdown-toggle" data-toggle="dropdown">VIEW ROLE AS
 <span class="caret"></span></a>
          <ul class="dropdown-menu">
           <li>Actor</li>
          <li>Director</li>
   </li>

Answer 1

＆＃39; NG-模型＆＃39;仅适用于输入，因为引导下拉列表只是一个程式化的列表，它没有真正的输入。要让您的示例工作，请使用“点击”按钮。在列表元素上设置＆＃39;角色＆＃39;。

<li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown">VIEW ROLE AS
<span class="caret"></span></a>
      <ul class="dropdown-menu">
       <li ng-click="setRole('Actor')">Actor</li>
      <li ng-click="setRole('Director')">Director</li>

然后在控制器中的某个位置创建“setRole”＆＃39;功能

$scope.setRole = function (role) {
    $scope.Role = role;
}