Angular ngSelected在版本> 1.3中不起作用

布拉索夫

标记:

<!DOCTYPE html>
<html ng-app="test">

  <head>
    <script data-require="[email protected]" data-semver="1.5.6" src="https://code.angularjs.org/1.5.6/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="ctrl">
    <h1>Hello Plunker!</h1>
    <select ng-model="user.item_id">
      <option ng-selected="i.id == user.item_id" ng-repeat="i in items" value={{i.id}}>{{i.name}}</option>
    </select>
  </body>

</html>

JS:

var module = angular.module("test", []);

module.controller('ctrl', function($scope){

  $scope.items = [
    {id: 1, name: 'foo'},
    {id: 2, name: 'bar'},
    {id: 3, name: 'baz'},
  ];

  $scope.user = {};
  $scope.selectedItem = {id: 1};

  $scope.user.item_id = $scope.selectedItem.id;


});

柱塞:https://plnkr.co/edit/7oi4KwzMhGi3kdltSklg p = preview

问题:如果您检查的html代码select,则会看到HTMLselected属性已正确放置。

但是,它不会显示为突出显示的选项。为什么?

==编辑==

那个punker代码在角度1.3.20上按预期工作,但是在1.4.x或1.5.x中被破坏了

工作的朋克:https ://plnkr.co/edit/0ApQeZ6Kar2yQisELXfT ? p = preview

==编辑2 ==

我已经在angularjs队列上发布了票证:https : //github.com/angular/angular.js/issues/14876#issuecomment-231010972

基本上,他们说我们应该坚持使用ngOptions,尽管他们不知道ngSelected为什么会损坏。

卡良

好吧,您可以改用ng-options ...

<select ng-model="user.item_id" ng-options="i.id as i.name for i in items">
</select>

在这里检查https://plnkr.co/edit/G4Hu4ZpShaUPCE5zTsdV

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章