在ng视图加载或指令加载后运行javascript

在ng视图加载或指令加载后运行javascript,javascript,jquery,angularjs,ng-view,Javascript,Jquery,Angularjs,Ng View,在ng视图中呈现的特定模板完成加载后,我需要运行一些javascript 如果这是加载此功能的第一页: $(window).load(function(){}); 代码在模板的控制器中执行,因此它位于主html文件之外。我还尝试将它嵌套在link:下的一个指令中,以便在加载该指令之前它不会运行,但这似乎也不起作用 以下是我需要运行的代码段: $(window).load(function(){ $('#carousel').flexslider({ animation: "slid

在ng视图中呈现的特定模板完成加载后,我需要运行一些javascript

如果这是加载此功能的第一页:

$(window).load(function(){});
代码在模板的控制器中执行,因此它位于主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"
  });
});

您可以使用以下方法进行此操作:

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