为下拉菜单分配 ng-model

【问题标题】：Assigning ng-model for dropdown为下拉菜单分配 ng-model
【发布时间】：2016-12-08 19:29:21
【问题描述】：

我在列表中有一个项目，其下拉值为 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>

【问题讨论】：

如果是下拉菜单，为什么要使用 li 的...为什么不能使用 select 和 options
@Geeky 这是一个引导下拉菜单，而不是普通的 HTML 选择。

标签： angularjs angular-ngmodel

【解决方案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;
}

【讨论】：

谢谢@Umer Z。真的很有帮助