Добавить ng-click на элемент в методе директивы compile

Добрый день. У меня есть директива

<hierarchy-tree tree-object-func="todoTreeFunc()"> </hierarchy-tree>

и она создает внутри себя разметку, на выходе получается

`

Element 1
Element 2
`

Теперь я хочу в созданные блоки добавить ng-click что бы получилось

`

Element 1
Element 2
`

У этой директивы есть контроллер, а добавление ng-click я выполняю в методе compile, выглядит так

    controller: function($scope) {
        $scope.openEntityPage = function(event) {
            console.log('click', event);
        };
    },
    compile: function compile(tElement, tAttrs, transclude) {
        return {
            pre: function preLink(scope, iElement, iAttrs, ctrl) {
                iElement.attr('ng-click', 'openEntityPage()')
            },
            post: function postLink(scope, iElement, iAttrs, ctrl) {}
        }
    }

Но ng-click не работает, хотя я добавил когда образуется шаблон директивы на ствдии compile. Почему не работает ng-click и как его исправить?? Спасибо.

этого не достаточно, нужно явно скомпилить дом ноду iElement с помощью сервиса $compile, возможно в link функции (postLink)

1 лайк

Спасибо.
Для наглядности вот рабочий пример