Question

我的option标记的默认select为空。我希望它成为“价值”。

这是我的傻瓜：https://plnkr.co/edit/hrcnOCANfzaNEZacQo7R?p=info

为什么这会显示空白？如何将默认option标记设为“值”并将value属性设置为“值”？

Answer 1

尝试使用空白选项：

<select ng-model="customize[$index].selectedDataTransform">
    <option value="">Value</option>
    <option ng-repeat="option in dataTransform" value="{{option.value}}">{{option.label}}</option>
</select>

或使用默认值设置ng-model：

<select ng-model="customize[$index].selectedDataTransform || 'value'">
    <option ng-repeat="option in dataTransform" value="{{option.value}}">{{option.label}}</option>
</select>

参考plunker。

提及：

如果默认选项的值为空，则取消设置ng-model时，将自动选择空白选项。

Answer 2

您可以使用ng-init分配选择模型

ng-init="customize[$index].selectedDataTransform = dataTransform[0].value"

<select ng-model="customize[$index].selectedDataTransform" ng-init="customize[$index].selectedDataTransform = dataTransform[0].value">
     <option ng-repeat="option in dataTransform" value="{{option.value}}">{{option.label}}</option>
</select>

Demo

如何在索引的Angular`select`标签中设置默认的`option`？

2 个答案: