選擇的默認選項不適用於布爾值

Question

有人可以幫忙解釋一下為什么第一個和最后一個選擇不顯示默認值嗎？

 angular.module('myApp', []); angular.bootstrap(document.documentElement, ['myApp']); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> <div ng-init="options=[{id: false, label: 'False'}, {id: true, label: 'True'}]"></div> <select ng-init="myVar=false" ng-model="myVar" > <option ng-value="false">False</option> <option ng-value="true">True</option> </select> <select ng-init="myVar2=false" ng-model="myVar2" ng-options="option.id as option.label for option in options"> </select> <select ng-init="myVar3=false" ng-model="myVar3" ng-options="option.id as option.label for option in options track by option.id"> </select> 

Answer 1

要從ngOptions文檔頁面解釋：

在兩個示例中， track by表達式track by成功地應用於了options數組中的每個option 。 由於已在控制器中以編程方式設置了所選選項，因此track by表達式track by也將應用於ngModel值。 當ngModel值是options[0]且track by表達式track by為options[0].id ，沒有問題。 當ngModel值為options[0].label ngModel且track by表達式track by為options[0].label.id （未定義）。 結果，模型值與任何<option>不匹配，並且<select>似乎沒有選定值。