Angular 指令不会发出“viewContentLoaded”事件

Question

我写了一个'light-gallery'指令。它需要jquery.lightgallery.js插件来初始化$.fn.lightGallery()函数，这些函数必须在指令模板编译和加载后执行。

但是，Angular 指令不会在 link 函数中发出“viewContentLoaded”事件。所以我想问一下如何知道指令模板何时编译和加载？

现在我使用$timeout 来侦听已编译的范围值。编译范围值后，可以运行oncompiled 函数。看：

myApp.directive("light-gallery", function(){
  return {
    restrict: "E",
    scope: {},
    replace: true,
    template: '<div compiled="{{compiled}}"></div>',
    link: function(scope, elem, attrs){
      var onCompiled = function(){
        $("#lightgallery").lightGallery();
      };

      var recur = function(){ 
        // when the attr `compiled` values `true`
        // it means template compiled and loaded
        if("true" === elem.attr("compiled")){
          onCompiled();
        }else{
          setTimeout(recur, 100);
        }
      };
      recur();

      // to tell template compiled
      scope.compiled = true
    }
  }
})

这种方法正确且规律吗？或者我应该如何定期写作？

谢谢！

Answer 1

你要找的是$timeout(fn)。
fn 将在你的控制器渲染后被调用。