我正在尝试在我的选项元素中设置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>