嵌套ng重复中的angularjs ng模型
我不知道这是不是一个重复的问题。 我已经开始探索AngularJs。现在我面临着这个问题。 这是一个例子嵌套ng重复中的angularjs ng模型,angularjs,angularjs-ng-repeat,angular-ngmodel,Angularjs,Angularjs Ng Repeat,Angular Ngmodel,我不知道这是不是一个重复的问题。 我已经开始探索AngularJs。现在我面临着这个问题。 这是一个例子 当我点击第一次选择下拉列表时,下面的内容也会更新。我知道这是由于相同的ng型号。那么,如何为两个不同的select下拉列表生成不同的ng模型呢。请指导我,因为我对angularjs world非常陌生您可以绑定到正在显示的颜色对象: <select ng-model="color.levelmodel" ng-options="c.id for c in levels">
当我点击第一次选择下拉列表时,下面的内容也会更新。我知道这是由于相同的ng型号。那么,如何为两个不同的select下拉列表生成不同的ng模型呢。请指导我,因为我对angularjs world非常陌生您可以绑定到正在显示的
颜色
对象:
<select ng-model="color.levelmodel" ng-options="c.id for c in levels">
<option value="">-- choose color --</option>
</select>
其中,
$index
是colors
集合中color
对象的当前索引。我将绑定到每个颜色的级别属性。通过这种方式,您可以为每种颜色创建一个值,而不是尝试创建一个随机的选定值列表,这更有意义
$rootScope.colors = [{
name: 'black',
shade: 'dark',
level: {'id': '' }
}, {
name: 'white',
shade: 'light',
level: {'id': '' }
}];
$scope.levels = [{
"id": "1"
}, {
"id": "2"
}, {
"id": "3"
}];
<li ng-repeat="color in colors">
<select ng-model="color.level" ng-options="c.id for c in levels">
<option value="">-- choose color --</option>
</select>
</li>
$rootScope.colors=[{
姓名:'黑色',
阴影:“黑暗”,
级别:{'id':'''}
}, {
姓名:'白色',
阴影:“光”,
级别:{'id':'''}
}];
$scope.levels=[{
“id”:“1”
}, {
“id”:“2”
}, {
“id”:“3”
}];
--选择颜色--
感谢您的快速回复。如果我使用此ng model=“selecteds[$index].levelmodel”,则会出现错误“b未定义”。如果我删除了levelmodel,那么它就工作了。因此,您可以重新访问演示URL并使用第二个html和ng model=“selecteds[$index].levelmodel”您可以看到我得到的错误类型您需要一个与颜色数组具有相同数量对象的数组。这就是为什么我建议你使用第一种选择。
$rootScope.colors = [{
name: 'black',
shade: 'dark',
level: {'id': '' }
}, {
name: 'white',
shade: 'light',
level: {'id': '' }
}];
$scope.levels = [{
"id": "1"
}, {
"id": "2"
}, {
"id": "3"
}];
<li ng-repeat="color in colors">
<select ng-model="color.level" ng-options="c.id for c in levels">
<option value="">-- choose color --</option>
</select>
</li>