在 Angular JS 中为 ng 选项选择默认值

default selected for ng-options in angular js

本文关键字:选项 选择 默认值 ng 中为 Angular JS      更新时间:2023-09-26

我有这段代码:

<select ng-init="state" id="state" ng-model="state"
    ng-options="state for state in states" required>
</select>

因此,对于默认选择,它将选择控制器中的任何$scope.state。这工作正常。但有时,$scope.state将是空的。在这种情况下,我希望默认选择的值为"选择一个州"。因此,我尝试了以下方法:

<select ng-init="state || 'Selected a state'" id="state" ng-model="state"
    ng-options="state for state in states" required>
</select>

这行不通。

如何做到这一点?

您可以像这样内联添加另一个默认选项:

<select ng-init="state" id="state" ng-model="state" ng-options="state for state in states" required>
    <option value="">Select a state</option>
</select>

并且此选项将被选为默认值。