Question

在我的情况下，ng-repeat中的动态（通过<option>）<select>提供或未正确选择（例如ng-model有<select ng-model="my-model"> <option ng-repeat="n in numbers" value={{ n.val }}>{{ n.name }}</option> </select>时初始值）。

{{1}}

这里有plnkr来证明我的问题。

Answer 1

尝试在select元素上使用ng-options指令，而不是使用ng-repeat。

<select ng-model="model2" ng-init="model2 = '3'" ng-options="n.value as n.name for n in numbers">
  <option value="">Select an option..</option>
</select>

而不是

<select ng-model="model2" ng-init="model2 = '3'">
  <option value="">Select an option..</option>
  <option ng-repeat="n in numbers" value="{{ n.value }}"> {{ n.name }} </option>
</select>

来源：select directive doc

更新了plunkr：ng-options plunkr

编辑：如果您真的想保留ng-repeat，可以添加额外的标记以使其正常工作：

<select ng-model="model2" ng-init="model2 = '3'">
  <option value="">Select an option..</option>
  <option ng-repeat="n in numbers" value="{{ n.value }}" ng-selected="n.value == model2"> {{ n.name }} </option>
</select>

更新了plunkr：ng-repeat plunkr

此致 Camusensei

AngularJS - 未正确选择动态<选项>（默认情况下）</option>

1 个答案: