問題タブ [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.
javascript - trustedValue AngularJS へのクラスの追加
私は次のhtmlを持っています:
ここで、post.text はラップされた trustedValue で、次のようになります。
開封すると、次のようになります。
次に、trustedValue を検索し、img タグにクラスを追加するディレクティブを作成します。これまでのところ、私はこれを持っています:
html から post.text を取得し、それに双方向バインドし、そのクラスの post.text のすべての画像に追加するにはどうすればよいですか?
data-binding - 属性データ バインディングを含む innerHTML にマークアップを割り当てると、Polymer データ バインディングが機能しない
innerHTML を使用する場合、Polymer で属性へのデータ バインディングを作成する最も簡単な方法は何ですか?
これは私の言いたいことの例です - http://jsfiddle.net/ry6og1q9/2/
"staticFoo" paper-input は、{{foo}} でバインドされたデータです。双方向のデータ バインドです。
しかし、innerHTML で作成された「dynamicFoo」は、マークアップは存在しますが、foo プロパティにバインドされていません。
Node.bind() - http://www.polymer-project.org/docs/polymer/node_bind.htmlでこれを達成しようとしまし たが、バインドは一方向のみです。
解析/バインドを行うプラットフォーム ユーティリティが必要ですが、どこにも見つかりません。
data-binding - Polymer を使用した双方向データバインディングでオブジェクトの状態を管理/制御するためのベスト プラクティス
この説明をもう一度試してみましょう...
私はポリマーを初めて使用します (そして、比較的長い間不在だった後、Web 開発に戻ってきました)。2 方向のデータバインディングを採用しながら、オブジェクトの状態をより厳密に管理するための推奨されるアプローチは何か疑問に思っています。現在、残りの API (json) オブジェクトを使用しています。私の質問は、バインドされたオブジェクトのプロパティ/属性の更新を開始する前に、ポリマーが元のオブジェクトのコピーを保持するかどうかです...変更を簡単に元に戻すことができるでしょうか? 2 方向のデータ バインディングを魔法のように機能させることがしばしば望まれますが、ユーザーが変更を承認するまでオブジェクト / DOM への変更を防止 / 遅延させたい場合があります (たとえば、紙のダイアログ コンポーネントを介してなど)。オブジェクトの一時コピーを作成し、フィールドをそのバージョンにバインドできると思います。ユーザーの承認があった場合にのみ、変更をソース オブジェクトに戻します。いずれにせよ、考えを聞いて、推奨されるアプローチの例を 1 つまたは 2 つ見てみたいと思います (特に、自分のアイデアから外れている場合は!)。
javascript - オブジェクト、配列、AngularJS 内のオブジェクト プロパティに値をバインドします。
さて、ピクルスはこちらです:
メニュー項目を反復処理するために ng-repeat を使用しています。
$index は特定のアイテムにバインドされておらず、配列内の位置だけであるため、カート 'theCart[$index].product.qty' 内のアイテムから値を取得しようとすると問題が発生します。配列内の 2 オブジェクトの深さの一意の識別子を取得する必要があるため、Angular が提供する双方向データ バインディングを使用して正しい値を確実に取得できます。
洞察をお寄せいただきありがとうございます。
angularjs - 入力範囲を角度テーブルの特定のセルにバインドする
Angular には、次の単純なモデルがあります。
ng-repeat を使用して html でレンダリングします。
基本的に、同じ行の入力範囲値と同じ行の最後の列の値の積として、最後の div (コンパイルされた値が書き込まれる場所) の最後の div に表示される値をバインドしたいと思います。可能であれば、列 x と行 y にある値を参照し、それを操作したり、式などに入れたりする方法があるかどうかを理解したいと思います...別の角度モデルを構築する必要はありません。
私が達成しようとしていることが十分に明確であるかどうか教えてください。
編集:私のデータはもう少しこのようなものです:
データのフォーマットを再構築する必要があるかもしれません。アイデアは行ごとにあり、売上高、総利益などの概念を示し、値は年ごとにグループ化された列に表示されます
したがって、中間段階は次のようになります。
アイデアは、2つの列を追加したいということです。
- 行ごとにスライダー (入力範囲) があり、成長率を示しているため、基本的に入力範囲は -0.05 から +0.05 です。
- 2014 年の予測を示す別の列: 2014 年の売上 = 2013 年の売上 * (1 + スライダーの値)、2014 年の総利益 = 2013 年の総利益 * (1 + スライダーの値)
そのため、2 つの追加の列があり、最初の列にはすべての行のスライダーが含まれ、2 番目の列には 2013 列にスライダーの値を掛けた結果が表示されます。それが今より明確であることを願っています。
c# - winforms データ バインディングを使用したダーティの検出
winforms テキスト ボックスで 2 ウェイ バインディングを使用しています。ユーザーが自分のデータを変更したかどうかを確認する必要がある のヘルプを見る
このイベントは、プロパティが変更された場合に発生するようですが、電流が変更された場合にも発生します。
データが変更されたかどうかを確認する方法はありますか?
同様の質問もここで尋ねられます が、私の意見では答えられません
Oliver は、「List 内のオブジェクトが INotifyPropertyChanged イベントをサポートし、List を BindingList に置き換える場合、BindingList の ListChanged イベントをサブスクライブして、ユーザーが行った変更について通知を受けることができます」と述べています。
私のアプリケーションはこれらの条件を満たしていますが、これを機能させることができません。ListChangedType.ItemChanged プロパティは有望に見えましたが、データを変更せずに次のレコードに移動すると変更されます
ここでマイクロソフトのリンクを見つけましたが、確かにそれほど難しいことではありません!
data-binding - each-* ルーチンがビューを作成/破棄するたびにコールバックを取得するカスタム バインドを作成する方法は?
RivetJSは素晴らしいです! 不可知論にしてくれてありがとう!
これはフローに必要な重要な機能であり、RivetJSを使用してそれを実現するのに苦労しています。
これまでにできることは、後で次のようなものを使用して複製される要素を取得することでした。
そこの代わりにconsole.info
、バインダーを操作することはできましたが、それは私がこれを成し遂げるのに実際には役立たないと思います. または、何かが足りないのでしょうか?
[each-*] がビューを作成および破棄する瞬間にコールバックを取得する計画は何でしょうか?
私にとってはコールバックが理想的であるため、コントローラーがサブビューとサブコントローラーをきれいに維持できるようにします。これには Rivets.js での機能リクエストが必要ですか?