默认为angular js中的ng-options选择

Question

我有以下代码：

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

这没有用。

如何做到这一点？

Answer 1

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

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

并且此空选项将被选择为默认选项。