javascript - 在 ng-view 加载或指令加载后运行 javascript

Question

我需要在 ng-view 中渲染的特定模板完成加载后运行一些 JavaScript。

如果这是加载此作品的第一页:

$(window).load(function(){});

代码正在模板的 Controller 中执行，因此它位于主 html 文件之外。我还尝试将其嵌套在 link: 下的指令中，以便在加载指令之前它不会运行，但这似乎也不起作用。

这是我需要运行的代码片段:

$(window).load(function(){
  $('#carousel').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    itemWidth: 210,
    itemMargin: 5,
    asNavFor: '#slider'
  });

  $('#slider').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    sync: "#carousel",
    start: function(slider){
      $('body').removeClass('loading');
    }
  });
});

$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});

Answer 1

您可以使用以下方法来完成此操作:

$scope.$on("$viewContentLoaded",function() {
 // some code to run after ng-view loaded completlly ...
});