[解決済み] 2ウェイバインディングとは何ですか?
2022-04-14 12:17:19
質問
私はBackboneが双方向バインディングをしないことをたくさん読みましたが、私はこの概念を正確に理解していません。
どなたか、MVCコードベースで2ウェイバインディングがどのように機能し、Backboneではどのように機能しないかの例を教えていただけませんか?
どのように解決するのですか?
双方向バインディングとは、ただ
- モデル内のプロパティが更新されると、UIも更新されます。
- UI要素が更新されると、その変更がモデルに伝搬される。
Backboneには#2の実装がありません(イベントリスナーを使えば確かに可能ですが)。 他のフレームワーク Knockout のように、双方向バインディングを自動で構築することもできます。 .
Backbone では、ビューの "render" メソッドをモデルの "change" イベントにバインドすることで、簡単に 1 を達成できます。 2を実現するには、input要素にchangeリスナーを追加し、そのリスナーに対して
model.set
をハンドラで指定します。
フィドルはこちら で、Backboneで双方向バインディングを設定したものです。
関連
-
jsを使った簡単な照明スイッチのコード
-
vue3.0プロジェクトのアーキテクチャを構築するための便利なツール
-
[解決済み】「X-Frame-Options」を「SAMEORIGIN」に設定したため、フレームでの表示を拒否された。
-
[解決済み】JavaScriptで「無効な日付」のDateインスタンスを検出する
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JSONPとは何か、なぜ作られたのか?
-
[解決済み] JavaScriptでカンマを桁区切りにして数値を表示する方法
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
fetch ネットワークリクエストラッパーの説明例
-
jsを使った簡単な照明スイッチのコード
-
vue3.0プロジェクトのアーキテクチャを構築するための便利なツール
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
vueの補間表現とv-textディレクティブの違いについて
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み】ローカルファイルを開くことができません - Chrome: ローカルリソースの読み込みが許可されていない
-
[解決済み】TypeErrorの解決方法。未定義またはヌルをオブジェクトに変換できない
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
[解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。