[解決済み] AngularJS : なぜangularでは{{}}よりもng-bindが良いのですか?
2022-03-25 11:24:02
質問
アンギュラープレゼンテーションに参加した際、ある人がこう言っていました。
ng-bind
よりも
{{}}
バインディングを使用します。
理由の1つです。
ng-bind
は、変数をウォッチリストに入れ、モデルチェンジがあったときだけデータをビューにプッシュするようにしました。
{{}}
は、値が変化してもしなくても、毎回式を補間して(角度のサイクルだと思います)値をプッシュします。
また、画面に表示されるデータが少ない場合などは
{{}}
と表示され、パフォーマンスの問題が表示されなくなります。どなたか、この問題に光を当てていただけませんか?
解決方法は?
を使用していない場合
ng-bind
の代わりに、このようなものがあります。
<div>
Hello, {{user.name}}
</div>
を見ると、実際の
Hello, {{user.name}}
の前に一瞬だけ
user.name
が解決される前(データが読み込まれる前)に
次のようなことができます。
<div>
Hello, <span ng-bind="user.name"></span>
</div>
ということであれば
別の解決策としては
ng-cloak
.
関連
-
[解決済み】Node.js Error: Cannot find module express
-
JavaScriptのStringに関する共通メソッド
-
[解決済み] なぜGoogleはJSONレスポンスにwhile(1);を前置するのでしょうか?
-
[解決済み] JSONPとは何か、なぜ作られたのか?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] JavaScriptの正規表現でマッチしたグループにアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSでチェックボックスの値のリストにバインドするにはどうすればいいですか?
-
[解決済み] ng-modelとng-bindの違いは何ですか?
-
[解決済み] AngularJSのngClassの条件付き
-
[解決済み] (変更) vs (ngModelChange) in angular
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
JSアレイループと効率解析の比較
-
vueが定義するプライベートフィルタと基本的な使い方
-
VUEグローバルフィルターの概念と留意点、基本的な使い方
-
Vueのクラススタイルの使い方の詳細
-
Vueでルートネスティングを実装する例
-
[解決済み】ERROR エラーです。スイッチのname属性が指定されていないフォームコントロールの値アクセッサがない
-
[解決済み】 Uncaught TypeError : undefined のプロパティ 'replace' を読み取れない In Grid
-
[解決済み】angular JSのダブルカーリーブレースとシングルカーリーブレースの違い?
-
[解決済み] AngularJSでカンマをリストセパレータとして使用する