无法使用指令

Question

http://plnkr.co/edit/JAIyolmqPqO9KsynSiZp?p=preview

我们如何添加的addChild（树）函数的代码，更多的数据添加到阵列时添加功能。我已经改变了模板，这样

'<p>{{ family.name }}{{test }}</p>'+ 
'<ul>' + 
    '<li ng-repeat="child in family.children">' + 
     '<tree family="child"></tree>' + 
    '</li>' + 
'</ul>' + 
'<button ng-click="addChild()" value="Add">Add</button>' 

，它是每一个<ul>后添加按钮，但点击该按钮时，功能不获取调用。 我在控制器中有此功能

$scope.addChild = function(){ 
    alert(); 
} 

我可以带什么变化？

Answer 1

我对你的运动员做了一些改变。

基本上，少了什么是你<tree>标签，叫做addchild方法的声明的声明，指（index.html中）父类的方法：

<tree family="treeFamily" addchild="addChild(family)"></tree>

而且，你的指令，需要引用此方法还有：

<button ng-click="addchild({ family : family })" value="Add">Add</button>

，并添加你的指令的范围：addchild: '&'

然后，它应该是指你的父母的addChild方法，定义如下：

$scope.addChild = function (family) { 
     if (family) 
     family.children.push({ name: "Child", children: []}); 
    }; 

参考