Jak przekazać odwołanie do funkcji w dyrektywie rekurencyjnej w Angular?
Mam tę dyrektywę:
app.directive('recursiveListItem', ['$http', 'RecursionHelper', function ($http, RecursionHelper) {
return {
restrict: 'E',
scope: {
parent: '=',
onNodeClick: '&',
},
compile: function (element, attributes) {
return RecursionHelper.compile(element);
},
template:
'<div class="list-group-item-heading text-muted parent "> \
<input type="checkbox" data-ng-click="visible = !visible" id="{{parent.Name}}">\
<label for="{{parent.Name}}"> </label>\
<a href="javascript:void(0)" data-ng-click="onNodeClick({node: parent})">{{parent.Name}}</a> \
</div> \
<ul data-ng-if="parent.Children.length > 0" data-ng-show="visible"> \
<li ng-repeat="child in parent.Children"> \
<recursive-list-item data-parent="child" data-on-node-click="onNodeClick"></recursive-list-item> \
</li> \
</ul>',
};
}]);
a oto pomocnik:
app.factory('RecursionHelper', ['$compile', function ($compile) {
var RecursionHelper = {
compile: function (element) {
var contents = element.contents().remove();
var compiledContents;
return function (scope, element) {
if (!compiledContents) {
compiledContents = $compile(contents);
}
compiledContents(scope, function (clone) {
element.append(clone);
});
};
}
};
return RecursionHelper;
}]);
Wszystko działa jak urok, ale nie rozumiemon-node-click
pracować. Dla wszystkich elementów root 'callback' działa dobrze, ale od tego momentu wszystkie dzieci nie będą wywoływać wywołania zwrotnego. Myślę, że ma to coś wspólnego z przekazaniem odwołania do funkcji do następnego dziecka w szablonie.
Próbowałem teżdata-on-node-click="onNodeClick(node)"
, ale to też nie działa.
Czy ktoś wie, jak przekazać odwołanie do funkcji do węzłów podrzędnych?