角度選擇下拉菜單設置選擇的值

<select ng-if="PF_Set.PF.length > 0"> 
    <option ng-if="PF_Set.showPleaseSelect && PF_Set.PF.length>1">Please Select</option> 
    <option ng-repeat="PF in PF_Set.PF" ng-click="doSomething()">{{::PF.SelectedDisplayValue}}</option> 
</select>

該列表具有類似SelectedDisplayValue和isSelected的值。列表中只有一個項目會有isSelected = true。我可以將此作爲下拉菜單中的選定值嗎？角度選擇下拉菜單設置選擇的值

更新 - 仍然有問題

<select ng-model="PF_set.PF" ng-attr-id="{{item.Index + '_' + PF_set.Type}}" ng-if="PF_set.PF.length > 0 >                  
    <option ng-selected="PF.isSelected" ng-repeat="PF in PF_set.PF">{{PF.isSelected}} : {{::PF.SelectedDisplayValue}}</option> 
</select>

更新 - 1個平常事剩餘，需要加上「請」到列表的頂部，如果沒有選擇

刪除NG-模型。這必須引起了很多混亂與NG-重複

<select ng-attr-id="{{item.Index + '_' + PF_set.Type}}" ng-if="PF_set.PF.length > 0 >                  
    <option ng-selected="PF.isSelected" ng-repeat="PF in PF_set.PF">{{PF.isSelected}} : {{::PF.SelectedDisplayValue}}</option> 
</select>

來源

2017-10-04 Sniipe

看起來像angularjs給我，請檢查你的問題代碼，您當前已標記angular，指的是Angular 2+ – Alex

您可以使用ng-selected指令： example

<option ng-repeat="PF in PF_Set.PF" 
    ng-selected="PF.isSelected"> 
{{PF.SelectedDisplayValue}} 
</option>

來源

2017-10-04 09:45:27

我遇到了我的代碼問題 - 我已更新問題 1）我看到的是我的第一個值是空白的，而您的值是空的。 2）isSelected只能在第一個下拉菜單中工作。其他的則是空白的。 3）當我選擇一個值時，我收到一個錯誤：「錯誤：[ngRepeat：dupes]不允許在中繼器中複製。」 – Sniipe

我在select上添加了ng-model。當我刪除它時，我解決了問題。如果沒有選擇，我現在必須在列表頂部添加一個「請選擇」值。 – Sniipe

角度選擇下拉菜單設置選擇的值

回答

相關問題