为下拉列表分配ng-model

Question

我列表中有一个项目，下拉列表的值是ROLES。我无法为下拉菜单设置ng-model。如果选择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

“ ng-model”仅适用于输入，并且由于引导程序下拉列表只是样式化列表，因此没有实际输入。为了使您的示例生效，请在列表元素上使用“ ng-click”来设置“角色”。

<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”函数。

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