表示外部模型

时间:2015-11-02 11:06:12

标签: javascript angularjs angularjs-directive angular-ngmodel

obj成为$scope中具有最初空parts数组属性的对象。 我定义了一个范围函数来在parts数组中添加空对象,并且有一个ng-repeat ing指令(在parts数组上),后者又包含另一个ng-repeat数组在描述单个fields实例的part上(为简单起见,只考虑了两个属性iddescription,但在我的实际情况中还有更多) 。 根据{{​​1}}的{​​{1}}属性,它可以呈现为fieldtype标记。理想情况下,<select>应从可能的部分列表中获取,并将所选部分(<input><select>字段)绑定到{{1}中的当前iddescription字段应该提供用户可以进一步修改的默认描述。但我无法让它发挥作用。我记下this jsFiddle以更好地说明我的问题。

如果我点击“添加部分”并从part中选择“foo”,我希望:

  1. obj.parts数组中第一个(也是唯一一个)要更改为description的元素;
  2. <select>旁边的$scope.obj.parts字段,以相应地显示说明;
  3. 要更改的数组元素的{"id":"foo","description":"Foo description"}属性如果我编辑<input>
  4. 注意:如果我更改(jsFiddle的第9行)从<select>description的绑定,则前一个列表中的<input>点有效,但是仅在数组的第一个元素上(即:如果我添加更多部分,它们都引用ng-model="part")并且问题ng-model="obj.parts[$index]"1.仍然存在(实际上,所有$scope.obj.parts[0]引用至于2.,出于某种原因)。

    请帮忙,我结束了。欢呼声。

1 个答案:

答案 0 :(得分:0)

$parent数组和最外层obj.parts属性上使用$index范围标识符使其工作。 jsFiddle here