AngularJs |すべてのディレクティブhtmlが正常に読み込まれるまでページを表示しない

Question

私は、（別のURLから）外部のHTMLテンプレートをロードするanglejsアプリケーションにいくつかのディレクティブを作成します。そのページに移動すると、バインディング全体が機能しますが、htmlの指示は十分に速く行われず、その間に空白が表示されます。何か方法はありますか？私は、外部HTMLリソースがロードされるのを待ってから、ページビューを表示するようにangularjsに依頼することができます。

誰かが助けることができる私は（テンプレート用のクエリ文字列で渡された）私は1つの単純なディレクティブを作成し、動的な待ち時間でそれに外部のHTMLを読み込むサンプルアプリケーション

sample code

app.directive('ccDd1', function() { 
    return { 
     restrict: 'E', 
     scope: {}, 
     link: function() { 

     }, 
     templateUrl: 'http://testdirective.apphb.com/default?waittime=3' 
    }; 
}); 

を行っています私はそれに私。

Answer 1

あなたのスクリプトの前にangular.min.jsを追加し、私はあなたのスクリプトが即時関数である理由、それは正常なスクリプトであるため、削除する必要があります思ったんだけどていることを確認します。

(function() { 
//your js code 
// do other stuff}()); and only set your code 

Answer 2

あなたはディレクティブを置くことができますngCloakディレクティブの親divにそれはあなたの瞬き効果を取り除くことができます。

ngCloack documentation