Javascript 递归AngularJS指令

目前，我正在使用AngularJS进行一个项目，我需要创建一个指令，该指令能够显示（并改变）一个“递归结构”——类似于一个族。 控制器中定义的结构如下所示：

$scope.members = [
            { firstName: 'Andrei', lastName: 'Croitoriu', age: 32 },
            { firstName: 'John', lastName: 'Doe', age: 25, members: [
                {
                  firstName: 'Jane', lastName: 'Doe', age: 24
                }
              ]}
           ];

我已经成功地实现了显示结构的指令，但是现在我正在努力实现“addmember”特性。基本上，对于每个成员，我希望在其旁边有一个按钮，并能够向节点添加一个新成员。我希望在控制器中定义一个方法-到目前为止，我的所有尝试都失败了，因此在附加的plnkr代码中，我已删除了所有尝试（只留下一个简单的addMember方法，它只向顶级集合添加一个新成员）

有人能就如何将addMember方法传递给指令并实现我期望的行为提出一些建议吗

我的代码可以在这里找到：

提前谢谢你

---

Andrei

快速调整是将

addMember

放入

familyMember

指令中，由于指令作用域是隔离的，控制器作用域下的功能不可访问

---

查看此处的plunker:

您想向成员的家庭成员添加成员吗？是的，我想在单击“添加成员”按钮时，为成员向其成员属性添加新成员。希望这是有意义的…好吧，我的答案是错的。我删除了plunker链接，但基本思想是在独立范围中添加

addMember

函数我已经用plunker link更新了我的答案谢谢你的建议@elaijuh！似乎能满足我的需要！