javascript - 実際のデータが読み込まれる前に、ハンドルバー「{{}}」がAngularJsアプリケーションのUIに表示されないようにする方法は?

Question

長さが 10000 秒の配列を返す GET リクエストに基づいてレイアウトが生成されるページがあります。したがって、コンポーネントの一部にバインドされている実際のものが読み込まれるまで、醜いものになります:

{{ binding-model }}

これは見栄えが悪く、ユーザーから不満の声が寄せられています。これを防ぐ方法はありませんか？実際のデータが読み込まれるまで、バインド オブジェクトが単に「空白」に見えることはありませんか? これは、この怪物が表示されたときの私のアプリケーション画面の一瞬のスナップショットです。

これに対する修正はありますか？

Answer 1

データが読み込まれるまで要素を空白にしたい場合は、これにng-bindを試すことができます。

たとえば、これがある場合：

<span>{{someData}}</span>

これに変更すると、準備が整います。

<span ng-bind="someData"></span>

ng-bind を使用すると、スコープデータだけでなく式を追加できるため、ほとんどすべてのことを実行できます