16

私はいくつかのHTMLのようなものを持っています

<p class="noresults">{{numberOfContacts}} Results Are Available</p>

{{numberOfContacts}}Angular が読み込まれるまで非表示にすることはできますか? だからそれはただ言うだろうResults Are Available

Angular が読み込まれるまでボディ全体を非表示にするなどの解決策があるようですが、可能であればそれを行いたくありません。

4

5 に答える 5

32

はい、ng-cloakを使用してください。このような要素にclass="ng-cloak"orを追加するだけですng-cloak

ディレクティブの使用<div ng-cloak></div>

クラスの使用<div class="ng-cloak"></div>

これは単なる CSS ルールのセットでdisplay: none !importantあり、Angular が DOM をレンダリングすると、要素が表示されるように ng-cloak が削除されます。

于 2014-02-25T09:37:57.217 に答える
9

<span ng-bind="numberOfContacts" />{{numberOfContacts}} の代わりに使用

于 2015-11-30T21:33:24.620 に答える
2

を使用した場合でもng-cloak、数秒間ブレースが表示されることがありました。次のスタイルを追加すると、問題が解決しました。

[ng-cloak]
{
  display: none !important;
}

詳細については、このリンクリンクを参照してください。

それが役立つことを願っています:D

于 2016-06-26T13:00:25.483 に答える
0

次のような式の代わりに ng-bind を使用できます

<span ng-bind="data"></span>
于 2016-11-09T08:51:52.033 に答える