动态创建多个下拉列表并在angularjs中自动设置每个下拉列表
我能够根据angularJS中相同的数据集动态创建多个下拉列表。但是,我在尝试动态设置每个下拉列表的默认值时遇到了一个问题。例如,在我的第一个下拉列表中,我希望默认情况下选择第一个主题(“写作”)。然后我想在第二个下拉列表中选择第二个主题(“阅读”),在第三个下拉列表中选择第三个主题(“数学”),以此类推。总而言之,我的每个下拉列表都有相同的选项,但应该动态地分配给不同的模型您能告诉我如何动态设置每个具有相同选项的动态生成下拉列表的默认值吗? 请参阅中的代码 提前感谢您的帮助 这是我的控制器代码: var module=angular.module(“myapp”,[]) 尝试在动态创建多个下拉列表并在angularjs中自动设置每个下拉列表,angularjs,angularjs-ng-model,angularjs-ng-options,Angularjs,Angularjs Ng Model,Angularjs Ng Options,我能够根据angularJS中相同的数据集动态创建多个下拉列表。但是,我在尝试动态设置每个下拉列表的默认值时遇到了一个问题。例如,在我的第一个下拉列表中,我希望默认情况下选择第一个主题(“写作”)。然后我想在第二个下拉列表中选择第二个主题(“阅读”),在第三个下拉列表中选择第三个主题(“数学”),以此类推。总而言之,我的每个下拉列表都有相同的选项,但应该动态地分配给不同的模型您能告诉我如何动态设置每个具有相同选项的动态生成下拉列表的默认值吗? 请参阅中的代码 提前感谢您的帮助 这是我的控制器代码
select
标记中添加ng init=“subjectSelected[$index]=subjects[$index].value”
,以初始化该值
例如
<div ng-repeat ="subject in subjects">
<select class="form-control input-lg"
ng-init="subjectSelected[$index] = subjects[$index].value"
ng-model="subjectSelected[$index]"
required="required"
ng-options="subject.value as subject.name for subject in subjects">
</select>
</div>
希望有帮助。您也可以使用
ng selected
自动动态选择选项
<div ng-repeat ="subject in subjects">
<select class="form-control input-lg"
ng-init="subjectSelected[$index] = subjects[$index].value"
ng-model="subjectSelected[$index]"
required="required"
ng-options="subject.value as subject.name for subject in subjects">
</select>
</div>