Question

我没有得到ng-model如何连接到ng-repeat选项。如何将下面的代码转换为ng-repeat？我可以得到ng-repeat工作但是

ng-selected =＆＃34; {{alternative.code == question.answer}}＆＃34;

是我不了解如何处理ng-options的原因。

<select ng-model="question.answer">
   <option ng-selected="{{alternative.code == question.answer}}"
            ng-repeat="alternative in question.alternatives"
            value="{{alternative.code}}">{{alternative.label}}</option>
</select>

Answer 1

使用以下内容：

<select ng-model="question.answer"
        ng-options="alternative.code as alternative.label for alternative in question.alternatives">
</select>

如果question.alternatives是一个数组，则以下内容：

<select ng-model="question.answer"
        ng-options="alternative.code as alternative.label for (key, alternative) in question.alternatives">
</select>

如果是对象。两个表达式都以语法value as label开头，它告诉<select>要考虑的值（绑定到模型）以及用作标签的内容（用户可见）。然后，自动完成“此选项具有该值并且在模型具有该选项时选择”的整个业务。 See documentation.

Answer 2

<select ng-model="question.answer" ng-options="alt.code for alt in question.alternatives"></select>

modelValue as optionLabelValue for array in item 如果' modelValue as '是ommited，则modelValue被视为项目对象

如何将ng-repeat转换为ng-options？

2 个答案: