为下拉菜单分配 ng-model

Question

我在列表中有一个项目，其下拉值作为角色。我无法为下拉菜单设置 ng-model。如果我 select 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' 仅适用于输入，并且由于 bootstrap 下拉列表只是一个程式化列表，因此它没有真正的输入。要使您的示例正常工作，请在列表元素上使用 'ng-click' 来设置 'Role'.

<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;
}

为下拉菜单分配 ng-model

Assigning ng-model for dropdown

angularjs

angular-ngmodel