Angularjs - 为没有ng-options的select设置默认值

时间:2015-04-02 21:08:53

标签: javascript angularjs select

我有一个经典的选择

<select class="form-control" id="gender">
    <option value="Male">Male</option>
    <option value="Female">Female</option>
</select>

我想根据来自范围selected的变量设置{{profile.gender}}值。当变量为“女性”时,也将选择选项值。问题是我没有性别选项,只有字符串所以我需要匹配并选择。是否有可能以简单的方式做到这一点?

1 个答案:

答案 0 :(得分:1)

你没有看到这些选项,因为你实际上没有经典的选择。 Angular使用自己的ng-options版本的select覆盖经典选择。

如果您想获得男/女选项,您只需使用ng-options上的硬编码列表:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
    <select ng-model="profile.gender" ng-options="gender for gender in ['male', 'female']">
    </select>
  Gender: {{profile.gender}}