AngularJS選擇框當數組是對象時預先選擇

Question

我有一個對象數組，當我用元素填充select時，它不會預先選擇當前活動的對象。如果我更改了選擇，它將按預期工作，但在頁面加載時未選擇預選元素。

JS：

$scope.license_year_list = [ 
    {label:"Year of 1991", value:1991}, 
    {label:"Year of 1992", value:1992} ]; 

$scope.item = {license_year: {label:"Year of 1992", value:1992}}; 

HTML：

<div ng-controller="MyCtrl"> 
    <select ng-model="item.license_year" 
      ng-options="y.label for y in license_year_list"> 
    </select> 
</div> 

小提琴： http://jsfiddle.net/eXvH8/

Answer 1

對象的平等作爲參考評價，所以你需要你當你想選擇它時，請選擇完全相同的對象。

$scope.item = { 
    license_year: $scope.license_year_list[1] 
}; 

Answer 2

根據實際對象/值的參考角度檢查相等性。要使您的選擇框從默認值開始，請執行默認值的簡單分配。改變你的這樣的代碼：

HTML：

<div ng-controller="MyCtrl"> 
<select ng-model="item" ng-options="y.label for y in license_year_list"></select> 

<br/><br/><br/> 
{{item.license_year}} 
</div> 

JS：

function MyCtrl($scope) { 
$scope.license_year_list = [{label:"Year of 1991", value:1991}, {label:"Year of 1992", value:1992}]; 

$scope.item = $scope.license_year_list[1]; 
}