問題タブ [javascript-databinding]

HTML 選択フォームのデフォルト値を設定しようとしています。選択フォームに一定のデフォルト値を設定することに関する投稿を読みました。ただし、デフォルト値を変数shirt.Colorにしたいと考えています。これは、シャツに応じて、Small、Medium、または Large のいずれかになります。

たとえば、shirt.Color が Small の場合、選択フォームで Small が選択されるようにします。shirt.Color が Medium の場合、選択フォームで Medium が選択されるようにします。shirt.Color が Large の場合、選択フォームで Large を選択します。

データ バインディングを使用してテキスト ボックスの既定値を設定する方法を知っています。以下を使用して、デフォルトのシャツの色を設定します。

選択フォームに対して同様に簡単にできることはありますか? Small、Medium、Large の各ケースを手動でコーディングするのは避けたいと思います。

私はやってみました

ただし、これは常に最初のオプションである Small にデフォルト設定されます。

ngReact を使用して、どのように双方向のデータ バインディングをエレガントにセットアップするのでしょうか?

valueと発火する単純な React 入力コンポーネントがあるとしますonChange。

value次に、AngularJS 側から、次のようなものがスコープ内で更新されることを期待します。

しかし、AngularJS スコープへの双方向バインディングを設定するよりエレガントなng-model方法はありますか?

コードの一部が期待どおりに動作しない理由をデバッグする簡単なテストを試みています。

という名前のコントローラーtestCtrlと service がありますmyService。このサービスでは、Parse からデータを取得しようとしています。データを取得したら、このデータをフロントエンド html にロードしようとしています。

コードは次のとおりです。

データを表示したいHTMLコードは次のとおりです。

html に読み込まれresults2ません。

これがコンソールログです。

IE8 で非常に奇妙な問題が発生しています (IE のバージョンが 8 未満の場合のみ)。問題は attr バインディングにあります。エンコードされた電子メール文字列 (%26、%40 など) を配置すると、ページはテキスト フィールド (以下の場合は「firstlast@domain.com」) にデータ バインドをレンダリングしません。代わりに、「mailto:first%26last%40domain.com」として表示されます。

奇妙なことは、エンコードされていない文字列を使用すると問題なくレンダリングされることです

どちらの方法も、Firefox と Chrome およびそれ以降のバージョンの IE で適切に機能します。

現状では、js ファイルからデータを渡す jade ファイルがあります。次に、d3 コードを処理する js ファイルを必要とする jade ファイルを作成します。

これが適切な方法だとは思いませんが、ユーザーに表示されるため、パブリック js ファイルでモノゴからデータを取得したくありません。

私の質問に少し混乱している場合、プロジェクトと構造はこちらです: https://github.com/rdecuir/NodeJSGraphics

私はベストプラクティスと構造を学ぼうとしていますが、構造化された方法で意味のあるものをまだ見つけていません.jadeファイルにスクリプトコードを入れたくありません.d3でデータを取得したくもありません.ファイルはユーザーに公開されているためです。

私は ac# 開発者で、キオスク アプリケーションを作成しています。私たちのキオスクには 2 つの画面があります。顧客用の 1 つの画面とオペレーター用の 1 つの画面。お客様はタッチパネルから個人情報を入力することができます。HTMLページで複数の画面をどのように処理するのだろうか。たとえば、顧客とオペレーター用に 1 つの HTML ページを作成します。また、Web ページには、名前とクレジット カード番号の 2 つのテキスト入力があります。顧客がスクリーン キーボードを使用して 1 文字書くと、オペレーターは各文字に対して同時に「x」を表示する必要があります。つまり、2 つの異なるブラウザー オブジェクトと 1 つの HTML ページです。これをノックアウト、アンギュラーなどで処理する必要がありますか? この問題は C# WPF mvvm パターンで処理しています。私は 2 つの異なるウィンドウ オブジェクトに対して 1 つのバインディング オブジェクトを使用しており、mvvm パターンは 2 つのサイド データ バインディングを処理します。

私が達成しようとしているのは、フィルタリングされた行の要素がDOMから削除されるのではなく非表示になるように、バインディングによって生成されたテーブル行を視覚的にフィルタリングすることです。foreach このアプローチにより、ユーザーがフィルター条件を変更したときのレンダリング パフォーマンスが大幅に向上します。これが、フィルター条件に応じて更新される計算された監視可能な配列に をバインドしたくない理由です。 このソリューションを、プロジェクトの他の場所で使用できる、すぐに使用できるビルディング ブロックにしたいと考えています。tr
foreach

私が Knockout に精通している限り、最善の方法はカスタム バインディングを実装することです。

このバインディングを使用するつもりだった方法は、次のようなものです。

whereは、次のように、現在の行が表示されるかどうかに応じてitemsFilter返される関数です。boolean

私がこれまでに持っているバインディングの実装は次のとおりです。

initオブジェクトを渡さずに述語を呼び出すという醜い部分がわかりますか?

foreachこれがないと、Knockout がupdateメソッドを最初に呼び出すまでにバインドによって生成された行がない場合、itemsFilterフィルター関数は呼び出されません。
したがって、オブザーバブルは読み取られず、KO 依存関係追跡メカニズムは、このバインディングがビュー モデル内のオブザーバブルに依存していないと判断します。
また、フィルター オブザーバブル (filterFromDateおよびfilterDriver) の値が変更さupdateれると、 が再び呼び出されることはなく、フィルター処理全体が機能しません。

少なくとも関数がパラメーターとして値を待機するようにするフィルター関数への醜い呼び出しを行わないように、この実装(または問題へのアプローチ全体)を改善するにはどうすればよいundefinedですか?