Запустить javascript после загрузки ng-view или директивных нагрузок

Question

У меня есть javascript, который мне нужно запустить после того, как определенный шаблон, отображаемый в ng-view, завершит загрузку.

Если это первая страница, чтобы загрузить это работает:

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

Код выполняется в контроллере для шаблона, так что за пределами основного HTML-файла. Я также попытался вложить его в директиву по ссылке: так, чтобы он не запускался до тех пор, пока не будет загружена директива, но это тоже не работает.

Вот фрагмент кода мне нужно запустить:

$(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 ... 
});