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

浏览:13日期:2024-02-04
如何解决AngularJS。当选择具有ng-model属性时,ng-selected无法正常工作?

不要将ngSelected与ngRepeat一起使用。使用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>解决方法

我试图ng-selected在我的option元素selected中设置,属性设置为true,但未option选中,当我ng-model从select所有元素中删除后,它们开始起作用。

问题 :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'} ];}]);

我的模板:

<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>

非常感谢您的帮助!

相关文章: