我正在尝试在我的 option
元素中设置 ng-selected
属性,将 selected
属性设置为 true
时,但是该选项仍未被选中。当我从 select
中移除 ng-model
时,所有操作都可以正常工作。
问题: 如何在使用模型时使 option
被选中?
这里是我的 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>
非常感谢您的帮助!