Question

我尝试在innerHTML元素中设置ng-selected，option属性设置为selected，但true未选中，我从option删除ng-model全部正常工作。

问题：当我使用该模型时，如何选择select？

以下是my plunker（option无法在此处工作）

我的代码：

selected

我的模板：

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"}
      ];
}]);

非常感谢您的帮助！

Answer 1

不要在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>

Answer 2

请勿将`ngSelected`与`ngModel`一起使用

从文档中：

注意：ngSelected不与<select>和ngModel伪指令交互，它仅在元素上设置选定的属性。如果您在选择上使用ngModel，则您不应在选项上使用ngSelected ，因为ngModel将设置选择值和所选选项。
— AngularJS ng-selected API Reference

查看其他文档：

请参阅Stackoverflow：

Using ng-repeat to generate select options (with Demo)

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

2 个答案:

请勿将`ngSelected`与`ngModel`一起使用

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

2 个答案:

请勿将ngSelected与ngModel一起使用

请勿将`ngSelected`与`ngModel`一起使用