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

我正在尝试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>

非常感谢您的帮助!


手掌心
浏览 879回答 2
2回答

动漫人物

不要ngSelected与ngModel从文档中:注意:ngSelected不与<select>和ngModel指令交互,它仅在元素上设置选定的属性。如果您正在ngModel选择中使用,则不应ngSelected在选项上使用,因为ngModel将设置选择值和所选选项。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

AngularJS