javascript - Angular指令不会发出'viewContentLoaded'事件

我写了一个“ 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
    }
  }
})

这种方法正确且常规吗？还是应该定期写？

谢谢！

最佳答案

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