Question

我有以下代码。

<select id="block-rule"
   class="form-control"
   name="rule"
   ng-model="forms.block.fields.rule">
      <option ng-repeat="(key, value) in rules" value="{{key}}">{{value}}</option>
</select>

我对AngularJS并不熟悉，但我可以看到，它应该迭代＆＃34;规则＆＃34; （如ng-repeat中所述），它运作正常。

无法正常工作 - 未选择默认值。我可以看到，最初应该选择的值需要传递给ng-model。

我认为

forms.block.fields.rule包含value，但我需要key。

不幸的是，它是我能展示的代码的唯一部分。

Answer 1

<select ng-options="key as value for (key,value) in rules" ng-model="forms.block.fields.rule">

<强> DEMO FIDDLE

Answer 2

您可以使用ng-options，但可能需要您稍微更改规则模型（添加名称属性）：

<select id="block-rule"
                        class="form-control"
                        name="rule"
                        ng-    model="forms.block.fields.rule"
                        ng-options="rule as rule.name for rule in rules"
                >
 </select>

作为ng模型的关键

2 个答案: