22

ある時点で、AngularJS のビデオで、Javascript が構文解析する前に式が表示されないようにする方法を見ました。でもどうやって作ったのか思い出せない…

<div id='message'>{{$root.initializing.status}}</div>AngularJS が解析する前に、「読み込み中...」と言いたいことがあります。これはどのように行うことができますか?

4

6 に答える 6

16

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>!

https://stackoverflow.com/a/14076004/1172872

于 2013-06-13T15:50:44.470 に答える
2
<div id='message'><span ng-bind="$root.initializing.status"></span></div> 
于 2015-11-25T12:12:05.083 に答える
1

ngCloak を使用して式を非表示にすることができます。この回答を参照してください。

angular.js がドキュメントをコンパイル/補間する前に、二重中括弧表記が一時的に表示されないようにします。

ロードの表示に関しては、$root.initializing.status をデフォルト値の "Loading" に設定し、データを取得するときにリセットすることができます。

于 2013-06-13T15:52:15.870 に答える
1

ng-cloakページ読み込み時のちらつきを回避するには、ディレクティブを使用します。

于 2015-07-11T04:42:27.207 に答える
0

誰かがこの情報を役に立つと思った場合に備えて、私は次の回避策を使用しています。

<div ng-class="{'hide', '': ctrl.pageLoaded}">...</div>

.hide{display: none;}

これを使用して、設定したコントローラーが読み込まれるまで、角度式としてのすべてのコンテンツを非表示にしますthis.pageLoaded = true

于 2015-07-22T12:04:40.380 に答える