問題タブ [knockout-components]
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.
knockout.js - ノックアウト コンポーネントのパラメータ処理
私は次のことを理解していないようです:
ノックアウト コンポーネントを使用する html ページがあります。以下のコードを参照してください。
HTML:
したがって、パラメータをexamlistに渡します
私のノックアウトexamlistコンポーネントビューモデルでは:
コンソールにエラーが表示されます:
Uncaught ReferenceError: StartList が定義されていません
Examlist html タグのマークアップ:
どうしてこれなの?
私のビューモデルでは、if ステートメントの params.list に直接アクセスできますか?
事前にご協力いただきありがとうございます。
よろしく、
knockout.js - ノックアウト コンポーネントの再利用方法
私は最近、ヨーマン ノックアウト テンプレートをいじっており、シンプルなメール サイトを作ろうとしています。jsonリクエストを介してメールを取得できました。しかし、ここでやりたいことは、基本的な電子メール情報を示すテーブル行の下のアコーディオン ドロップダウンに電子メールの内容を表示することです。メール用のノックアウト コンポーネントがあり、メールの詳細用に別のコンポーネントを作成しました。ボタンがクリックされるまで電子メール詳細コンポーネントをロードし、展開時に電子メール詳細テンプレートを入力したくありません。
これまでのところ、アコーディオンを展開するところまで来ましたが、電子メールの詳細コンポーネントを設定する方法に少し困っています。これを ajax 呼び出しで行い、msg_id 値から電子メールの詳細 JSON を返します。
どんな助けでも素晴らしいでしょう。
私のメールページは次のようになります
アクションアイテム
ボタンイベントのコードビハインド
関連するコンポーネントをバインドして埋める方法がよくわかりません。
javascript - ノックアウト コンポーネント - バインディングを複数回適用することはできません
ノックアウト コンポーネントを使用してページを作成しようとしていますが、複数のコンポーネントが同時に追加されていないと、1 つのページに複数のコンポーネントをバインドしようとすると問題が発生します。私が見る限り、コンポーネントのビューモデルに直接アクセスして特定の要素にバインドする方法はありません。
私の問題は、より一般的なものを使用する必要があるためです。
後で別のコンポーネントをページに追加し、それをバインドしたい場合、「バインディングを同じ要素に複数回適用することはできません」というメッセージが表示されます。エラー。
コンポーネント ビュー モデルにアクセスして直接適用する方法はありますか?
私はちょうど使用してみました
私の説明はおそらく理解しにくいかもしれませんが、ここに私がやろうとしていることの疑似コードがあります:
javascript - ノックアウト コンポーネント テンプレートでビューモデル変数にアクセスするにはどうすればよいですか?
Knockout コンポーネント/テンプレートを使用して、指示ステップのリストを作成しようとしています。
UL には、 の単なるテンプレートであるステップのリスト (ノックアウト登録されたカスタム要素sidebar-step<li></li>
を使用) が含まれます。classや"data-customAttribute"などthis.testVar
の属性を含む可能性のあるモデルの別の値の部分があります。<li>
私の質問は、自分の値をテンプレートにどのように含めることができるかということです。testVar
次のような行を出力するようにします。
<sidebar-step class=*testVar* params="vm: sidebarStepModel">Message 1</sidebar-step>
フィドル: https://jsfiddle.net/uu4hzc41/1/
HTML:
JavaScript: