ngRepeat-ed 指令表示外部模型的字段
ngRepeat-ed directives representing fields of external model
让我obj
成为我$scope
中的一个对象,该对象最初具有空的parts
数组属性。我定义了一个 scope 函数来在 parts
数组中添加空对象,并且有一个 ng-repeat
ing 指令(在 parts
数组上(,该指令又在描述单个part
实例的fields
上包含另一个ng-repeat
指令(为简单起见,只考虑两个属性,id
和 description
, 但在我的实际场景中,还有更多(。根据field
的type
属性,它要么被渲染为<select>
,要么被渲染为<input>
标签。理想情况下,<select>
应该从可能的部分列表中获取,并将所选部分(包括其id
和description
字段(绑定到obj.parts
中的当前part
,而description
字段应提供用户可以进一步修改的默认描述。但我无法让它工作。我记下了这个jsFiddle,以更好地说明我的问题。
如果我单击"添加部分"并从<select>
中选择"foo",我希望:
$scope.obj.parts
数组中第一个(也是唯一一个(元素更改为{"id":"foo","description":"Foo description"}
;<select>
旁边的<input>
字段以相应地显示说明;- 数组元素的
description
属性要更改 如果我编辑<input>
.
注意:如果我将(jsFiddle 的第 9 行(绑定从 ng-model="part"
更改为 ng-model="obj.parts[$index]"
,则上一个列表的第 1.
点有效,但仅在数组的第一个元素上有效(即:如果我添加更多部分,它们都引用$scope.obj.parts[0]
(和问题2.
和3.
仍然存在(实际上,所有<input>
都是指$scope.obj.parts[1].description
, 出于某种原因(。
请帮忙,我已经结束了。干杯。
obj.parts
数组和最外层的 $index
属性上使用$parent
范围标识符工作。 js小提琴在这里。
- 如何创建具有默认值的JavaScript对象字段?(AngularJS模型相关)
- 即使 ng 模型有值,也使输入字段为空
- FilterHeader不适用于模型字段类型对象
- 对“类型”和“状态”字段的更新会中断WSAPI中的模型检索
- 从包含ng的字段中获取表单数据,而无需使用ng模型
- 使用setter而不是模型字段进行角度x可编辑
- Ng模型重写我在AngularJS的输入字段中输入的任何值
- 如何忽略ExtJS数据模型中的空字段
- 如何将base64写入模型's文件字段
- 如何使用递增的 ng 模型动态创建多个表单输入字段
- 从页面上的字段加载 JavaScript 模型
- 环回:如何限制对模型某些字段的访问
- Yii2:重复相关模型中的字段
- 使用相关模型字段的环回筛选器
- 余烬模型字段中的车把代码.如何评估
- 如何在不显式调用Javascript字段的情况下更新模型字段
- Sencha Touch -模型字段名称的别名
- id为'日期选择器'被模型字段'due_date'在rails表单中使用日期选择器时
- Sencha extjs 4.1-可以在config中定义模型字段吗
- 用AngularJS的方式给MongoLab添加一个新的模型字段