Angular Select 下拉菜单设置选定值答案

【问题标题】：Angular Select dropdown set selected valueAngular Select 下拉菜单设置选定值
【发布时间】：2018-03-15 14:53:15
【问题描述】：

<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-repeat 的混淆

<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>

【问题讨论】：

对我来说看起来像 angularjs，请检查您的问题标签，目前您已标记 angular，它指的是 Angular 2+

标签： angularjs dropdown

【解决方案1】：

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

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

【讨论】：

我的代码有问题 - 我已经更新了问题 1) 我看到的是我的第一个值是空白的，而你的值是空白的。 2） isSelected 似乎只在第一个下拉列表中起作用。其他的都是空白的。 3) 当我选择一个值时，我收到一个错误：“错误：[ngRepeat:dupes] 不允许在转发器中重复。”
我在选择中添加了 ng-model。当我删除它时，我解决了问题。如果没有选择，我现在必须在列表顶部添加一个“请选择”值。