AngularJS。 当选择具有ng-model属性时，ng-selected无法正常工作


AngularJS. When select have ng-model attribute, ng-selected not working

我试图在我的option元素中设置ng-selected，将selected属性设置为true，但是未选择option，当我从select中删除ng-model时，所有文件都可以使用。

问题：使用模型时如何选择option？

这是我的朋克(selected在这里不工作)

我的代码：

1
2
3
4
5
6
7
8
9
10
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"}
      ];
}]);

我的模板：

1
2
3
4
5
6
7
8
9
10
11
  <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>

非常感谢您的帮助！

相关讨论

不要将ngSelected与ngRepeat一起使用。 使用ngOptions：

1
2
3
4
5
6
  <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>
相关讨论

请勿将ngSelected与ngModel一起使用

从文档中：

Note: ngSelected does not interact with the