javascript - 我如何从 AngularJS 中的编译中获得 promise ？

Question

有一个事件需要在编译完成后触发。

这是我的父 Controller 的样子:

myApp.directive("ParentDirective", ["$rootScope", "$compile",
    function($rootScope, $compile) {
        return {
            link: function (scope, element) {
                var onClick = function () {
                    if (!scope.childDir) {
                        scope.childDir = $compile('<div ng-controller="childCtrl"/>')(scope);
                        $(scope.element).append(scope.childDir);
                    }
                    $rootScope.$broadcast('event');
                }

                $(element).click(onClick);
            }
        }
    }
]);

在 childCtrl 中我有一个监听器:

$rootScope.$on('event', doSomething);

问题是指令处理发生在我的 Controller 触发事件​​之后。有没有办法从编译器那里获得 promise ，或者有什么方法可以在编译发生后触发事件？

Answer 1

您可以在 postLink 中触发事件功能。试试吧。

compile: function compile(tElement, tAttrs, transclude) {
  return {
    pre: function preLink(scope, iElement, iAttrs, controller) { ... },
    post: function postLink(scope, iElement, iAttrs, controller) { 
        $rootScope.$broadcast('event'); 
    }
  }