Angular-recursion how to add nesting count count?

Question

JavaScript

There is a service that outputs nested directives: https://github.com/marklagendijk/angular-recursion
How to modify the service itself or a directive based on it in order to get a nesting counter?

Answer 1

the easiest way to pass the nesting level as an attribute. more or less like this:

angular.module('myModule', ['RecursionHelper']).directive("tree", function(RecursionHelper) {
    return {
        restrict: "E",
        scope: {family: '=', level='@'},
        template: 
        '<p>{{ family.name }}{{test }}</p>'+
            '<ul>' + 
                '<li ng-repeat="child in family.children">' + 
                    '<tree family="child" level="{{(level)?level + 1: 1}}"></tree>' +
                '</li>' +
            '</ul>',
        compile: function(element) {
            return RecursionHelper.compile(element, function(scope, iElement, iAttrs, controller, transcludeFn){
            });
        }
    };
});