如何使ng-select的选项列表以当前“selected”属性呈现

Question

在documentation中有一个使用ng-select的示例，其中包含下面的片段。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script> 
 
angular.module('selectExample', []) 
 
    .controller('ExampleController', ['$scope', function($scope) { 
 
    $scope.colors = [ 
 
     {name:'black', shade:'dark'}, 
 
     {name:'white', shade:'light'}, 
 
     {name:'red', shade:'dark'}, 
 
     {name:'blue', shade:'dark'}, 
 
     {name:'yellow', shade:'light'} 
 
    ]; 
 
    $scope.myColor = $scope.colors[2]; // red 
 
    }]); 
 
</script> 
 
<div ng-app="selectExample" ng-controller="ExampleController"> 
 
    <select ng-model="myColor" ng-options="color.name for color in colors"></select> 
 
    <p>Selected: {{myColor}}</p> 
 
</div>

但是，当你选择不同的颜色比默认的（红色）的HTML仍然呈现与

<option value="2" selected="selected">red</option> 

这是错的？如果是这样，我该如何解决它？

Answer 1

我会认为这不是错误的。

从MDN：

选择

如果存在，该布尔属性指示该选项 最初选择。如果该元素是 的后代，则该元素的多个属性未设置，则此元素的只有一个单独的元素可能具有所选属性。

从HTML5 Spec：

所选属性是一个布尔属性。它表示元素的默认选择。

两种状态selected表示<option>元件，而不是它的当前状态的默认/初始状态。