javascript - ng-view のロードまたはディレクティブのロード後に JavaScript を実行する

Question

ng-view でレンダリングされた特定のテンプレートの読み込みが完了した後に実行する必要がある JavaScript があります。

ロードする最初のページの場合、これは次のように機能します。

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