html - 为什么 angular-js ng-option 未显示为选中状态？

Question

<select ng-model="field.value" class="form-control" ng-attr-name="{{name}}">
            <option selected="selected">{{field.fieldName}}</option>
            <option ng-repeat="app in field.attributes.split(',')" value="{{app}}">{{app}}</option>
</select>

在这段代码中，我的预期行为是，它将显示选择框并选择我添加的第一个选项 selected="selected"。

但它没有选择那个“选定的”属性元素。

我也用 ng-selected="true" 试过这个。这对我也没有帮助。对我有什么建议吗？

Answer 1

您应该使用该ngOptions指令 - 而不是元素ngRepeat上的a：option

<select ng-model="field.value" ng-options="app as app for app in field.attributes.split(',')" class="form-control" ng-attr-name="{{name}}"></select>

现在只需将ngModel( field.value) 设置为您要选择的字段。