AngularJS.当select具有ng-model属性时,ng-selected不起作用

前端之家收集整理的这篇文章主要介绍了AngularJS.当select具有ng-model属性时,ng-selected不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在我的选项元素中设置ng-selected,选择的属性设置为true,但选项未选中,当我从select all中删除ng-model时变得有效.

问题:当我使用模型时,如何选择选项?

这是my plunker(选择不在这里工作)

我的代码

var app = angular.module("plunker",[]);

app.controller("TestController",["$scope",function($scope) {
  $scope.test = 1;
  $scope.array = [
        {"id": 1,"name": "first"},{"id": 2,"name": "second"},{"id": 3,"name": "third"}
      ];
}]);

我的模板:

<body ng-controller="TestController">
    Selected item must be {{ array[test-1].name }}
    <select ng-model="myModel">
      <option value="">Choose item..</option>
      <option ng-repeat="item in array" 
              ng-value="item.id" 
              ng-selected="item.id == test">
        {{ item.name }} ({{item.id == test}})
      </option>
    </select>
  </body>

非常感谢您的帮助!

解决方法

不要在ngRepeat中使用ngSelected.使用ngOptions:

<body ng-controller="TestController">
    Selected item must be {{ array[test-1].name }}
    <select ng-model="myModel" ng-options="item.id as item.name for item in array">
      <option value="">Choose item..</option>
    </select>
  </body>

猜你在找的Angularjs相关文章