使用ng-repeat時，選擇值不顯示默認值

Question

爲什麼選擇帶ng-options的標籤可以通過顯示默認選定值正常工作，但如果我使用ng-repeat，則相同不起作用。

這裏是代碼，

<!-- this works--> 

<select class="form-control" ng-model="selectValue" ng-options="option.id as option.name for option in availableOptions"> 
</select> 

<!-- this also works--> 

    <select ng-model="selectValue"> 
     <option ng-repeat="options in availableOptions" value="{{options.id}}" ng-selected="selectValue === options.id">{{options.name}}</option> 
    </select> 

<!-- this doesnt works--> 

<select ng-model="selectValue"> 
    <option ng-repeat="options in availableOptions" ng-value="options.id" ng-selected="selectValue === options.id">{{options.name}}</option> 
</select> 

在app.js

，

$scope.selectValue="2"; 
    $scope.availableOptions = [ 
     {id: '1', name: 'Option A'}, 
     {id: '2', name: 'Option B'}, 
     {id: '3', name: 'Option C'} 
    ]; 

雖然HTML顯示選定的屬性，它仍然在視圖中不

正確呈現

這裏是猛擊link t他相同

Answer 1

雖然在頁面上有下拉的正確方法應該使用ng-options，但您可以在下面更改標記以使其與ng-repeat版本一起使用。

標記

<select ng-model="selectValue"> 
    <option ng-repeat="options in availableOptions" value="{{options.id}}"> 
    {{options.name}} 
    </option> 
</select> 

Working Plunkr