我在这里找到了一个很棒的树指令。原文:http: //jsfiddle.net/n8dPm/
我正在尝试附加点击处理程序。我将它添加到p
元素中,如下所示,但它不起作用。怎么了:
代码http://jsfiddle.net/tHh5M/2/
module.directive("tree", function($compile) {
return {
restrict: "E",
scope: {family: '='},
template:
'<p ng-click="testme()">{{ family.name }}</p>'+
'<ul>' +
'<li ng-repeat="child in family.children">' +
'<tree family="child"></tree>' +
'</li>' +
'</ul>',
compile: function(tElement, tAttr) {
var contents = tElement.contents().remove();
var compiledContents;
return function(scope, iElement, iAttr) {
if(!compiledContents) {
compiledContents = $compile(contents);
}
compiledContents(scope, function(clone, scope) {
iElement.append(clone);
});
};
},
link: function (scope, elm, attrs) {
scope.testme = function () {
console.log('testme')
};
}
};
});