Angularjsがテンプレートを読み込むのが遅い

Question

実際にはあまり効果がないものもありますが、読み込むのに最も時間がかかります。私はすべてを見て、あなたのためにダウンしたコードを書かれている：

app.js

var simple = "simple test"; 
    angular.module('CRTapp', []).controller('ItemController', function() { 
    this.item = simple; 
}); 

index.htmlを

<div id="item" ng-controller="ItemController as item"> 
{{item.simple}} 
</div> 

は時々、人々は、ほぼ秒を待つことされています参照：

{{item.simple}} 

より前

simple test 

が表示されますが、これは非常に長い時間です。あなたが好きなら、私はHTMLページの読み込みをゆっくりとすることができますが、私はキャンディーの彼の冒険のために彼自身の特別なウェブサイトの前にテンプレートを見るときに私の氏のストレッチが悲しくなることを望んでいません王国。

Answer 1

この遅延は、角度ライブラリがHTMLを解析する時間です。あなたが代わりにng-bindを使用することができます。

<div id="item" 
    ng-controller="ItemController as item" 
    ng-bind="item.simple"> 
</div> 

をこの方法で、角度はそのコンテンツをロードしている間、あなたのページには、汚染されません。