如何解决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>
非常感谢您的帮助!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。