为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

手掌心 2019-11-20 14:29:26
我正在尝试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>非常感谢您的帮助!
查看完整描述

2 回答

?
动漫人物

TA贡献1815条经验 获得超10个赞

不要ngSelected与ngModel

从文档中:


注意:ngSelected不与<select>和ngModel指令交互,它仅在元素上设置选定的属性。如果您正在ngModel选择中使用,则不应ngSelected在选项上使用,因为ngModel将设置选择值和所选选项。


查看完整回答
反对 回复 2019-11-20
  • 2 回答
  • 0 关注
  • 928 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信