AngularJS自定义ng-repeat,递归不起作用

时间:2015-02-20 05:08:21

标签: angularjs angularjs-directive

问题最好在plunker中进行说明 - http://plnkr.co/edit/9DYQ3rlmiMK9bdtjyYOA

基本上,我试图在处理数据运行时解释的指令的帮助下使用angular创建一个元表单渲染引擎,并相应地渲染字段。

如果您有任何想法,为什么dyn-ng-repeat指令没有按照以下代码中的预期呈现用户对象下的三个URL字段,请告诉我。

      <div dyn-ng-repeat="item in {{field.model}}">
          <div ng-repeat="field in field.children" ng-include src="'field.html'">/div>
      </div>

感谢。

编辑:

大家好,我在这里创建了一个完整的Plunker - http://plnkr.co/edit/cFreJZbluy3w4R9PZUCD?p=preview,它应该包含所有必需的代码但不能正常工作。

基本上,有一个对象的层次结构。社交网络具有URLS和朋友列表。代码应该显示三个社交网络,每个应该有两个朋友列在他们下面。 “添加网络”按钮应该将另一个社交网络添加到列表中,“删除网络”按钮应该删除与其关联的相应网络及其所有子网。同样,“添加朋友”应该在该社交网络下添加一个新朋友对象,“删除朋友”应该从该网络下删除相应的朋友。

这有点复杂,但是如果你看几分钟,你会明白我在这里想做什么。它是基于双向绑定的数据元素的动态DOM。

感谢。

0 个答案:

没有答案