angularjs - 为下拉列表分配 ng-model

Question

我的列表中有一个项目，其下拉值为“Angular 色”。我无法为下拉菜单设置 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”来设置“Angular 色”。

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

然后在 Controller 中的某个位置创建“setRole”函数。

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