問題タブ [2-way-object-databinding]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
300 参照

javascript - 双方向バインディングによるネストされたテンプレート間のポリマー切り替え

「サイズ」と呼ばれるポリマー変数に基づいてレンダリングされる条件付きテンプレートを持つポリマー要素があります

ウィンドウのサイズ変更時に、ビューポートの幅に基づいて「サイズ」ポリマー プロパティを変更するイベントを処理します。

適切なテンプレートはロード時にレンダリングされ、すべてが桃色です。ただし、サイズ変更イベントが発生し、変数が変更されても、何も起こりません。

テンプレートバインディングに基づいてサイズプロパティが変更されると、他のテンプレートがレンダリングされると思っていましたが、「非常に」間違っていました。私の質問は、双方向のバインドされた変数の変更に基づいて、ポリマーをテンプレート間で切り替えるにはどうすればよいですか?

これに関する情報をいただければ幸いです。

0 投票する
1 に答える
185 参照

javascript - attributeChanged が 2 方向データ バインディング ポリマーで発生しない

私のポリマー要素には、attributeChangedメソッドがあります

これは、手動で属性を変更すると呼び出されます。

これは、2 方向のデータ バインディングによって属性を設定すると呼び出されません。

attributeChangedを呼び出すだけで、これはメソッドを呼び出しませんmyAttributeChanged

これは予想される動作ですか?双方向のデータバインディングのために呼び出された空白の Changed メソッドを取得する方法はありますか?

0 投票する
2 に答える
123 参照

javascript - テンプレートから、モデルの深い変更を監視するには?

私のスコープには、オブジェクトのオブジェクトであるモデルがあります。これを見たことがありますが、フィルターが定義されているため、テンプレートからこれを実行したいと考えています。

getPriceユーザーのカート内のアイテムの価格を計算するフィルターを定義しました。

そして、私はテンプレートに持っています:

ネストされたオブジェクトの値 (つまり、カートのアイテムの 1 つの数量) が変更された後に、テンプレートを更新することは可能ですか? はいの場合、どのように?

0 投票する
0 に答える
54 参照

javascript - 特定のイベントでAngularのワンタイムバインディングを更新する方法はありますか?

私は、配列を受け取り、その配列をテーブルに表示するディレクティブを使用してアプリに取り組んでいます。テーブル内のデータを編集する必要はありません。ただし、ユーザーはテーブルの結果を検索およびフィルタリングすることができ、その時点でデータ配列全体が置き換えられます。ページ上のウォッチャーはすぐに制御不能になる可能性がありますが、1 回限りのバインドは実装できません。検索とフィルター機能が損なわれるからです。

1回限りのバインディングを使用できる方法はありますが、配列が完全に置き換えられた場合でも、配列に対して新しい ng-repeat をトリガーできますか?

ありがとう

0 投票する
9 に答える
98357 参照

javascript - 反応入力のdefaultValueは状態で更新されません

反応を使用して単純なフォームを作成しようとしていますが、データをフォームの defaultValue に適切にバインドするのが困難です。

私が探している動作はこれです:

  1. ページを開くと、テキスト入力フィールドに、データベース内の AwayMessage のテキストが入力されているはずです。それが「サンプルテキスト」
  2. 理想的には、データベースの AwayMessage にテキストがない場合、テキスト入力フィールドにプレースホルダーが必要です。

ただし、現在、ページを更新するたびにテキスト入力フィールドが空白になっています。(入力に入力した内容は適切に保存され、持続しますが。)これは、AwayMessage が空のオブジェクトの場合に入力テキスト フィールドの html がロードされますが、awayMessage がロードされたときに更新されないためだと思います。また、フィールドのデフォルト値を指定できません。

わかりやすくするために一部のコードを削除しました (つまり、onToggleChange)

AwayMessage の console.log には次のように表示されます。

0 投票する
1 に答える
254 参照

javascript - 直接アクセスではなく、関数を使用した OpenUI5 バインディング プロパティ

JSONModel のプロパティ (この場合は flag_baz) をチェックボックスにバインドしたいと思います。問題は、json モデルが次のようになっていることです。

この場合、X は「真」を意味し、空の文字列は「偽」を意味します。

私がしたいのは、モデルからチェックボックスにバインドするための関数を評価し (「X」/「」を true/false に変換する)、チェックボックスからモデルにバインドするときに他の関数を評価することです (それはから変換されます)。 true/false を "X"/"" に戻します)。

私はこのようなものが欲しいです:

funcFromStringToBool がフォーマッタと呼ばれることは知っています。

funcFromBoolToString 関数を追加するにはどうすればよいですか?

これが理にかなっていることを願っています。

事前にt​​hx。