ある時点で、AngularJS のビデオで、Javascript が構文解析する前に式が表示されないようにする方法を見ました。でもどうやって作ったのか思い出せない…
<div id='message'>{{$root.initializing.status}}</div>
AngularJS が解析する前に、「読み込み中...」と言いたいことがあります。これはどのように行うことができますか?
ある時点で、AngularJS のビデオで、Javascript が構文解析する前に式が表示されないようにする方法を見ました。でもどうやって作ったのか思い出せない…
<div id='message'>{{$root.initializing.status}}</div>
AngularJS が解析する前に、「読み込み中...」と言いたいことがあります。これはどのように行うことができますか?
ng-cloak を使用http://docs.angularjs.org/api/ng.directive:ngCloak
<div id="template1" ng-cloak>{{ 'hello' }}</div>
または ng-bind http://docs.angularjs.org/api/ng.directive:ngBind
Hello <span ng-bind="name"></span>!
<div id='message'><span ng-bind="$root.initializing.status"></span></div>
ngCloak を使用して式を非表示にすることができます。この回答を参照してください。
angular.js がドキュメントをコンパイル/補間する前に、二重中括弧表記が一時的に表示されないようにします。
ロードの表示に関しては、$root.initializing.status をデフォルト値の "Loading" に設定し、データを取得するときにリセットすることができます。
ng-cloak
ページ読み込み時のちらつきを回避するには、ディレクティブを使用します。
誰かがこの情報を役に立つと思った場合に備えて、私は次の回避策を使用しています。
<div ng-class="{'hide', '': ctrl.pageLoaded}">...</div>
と
.hide{display: none;}
これを使用して、設定したコントローラーが読み込まれるまで、角度式としてのすべてのコンテンツを非表示にしますthis.pageLoaded = true
。