爲什麼選擇帶ng-options的標籤可以通過顯示默認選定值正常工作,但如果我使用ng-repeat,則相同不起作用。使用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他相同
所述第一語法是首選,建議語法;你爲什麼試圖用非首選的語法解決問題? – Claies
雅我知道第一種方法是首選,但只是爲了學習我嘗試了第二種方法。你能弄清楚爲什麼它不工作? – MaheshKumar