KnockoutJS二重バインディングウィジェットアプリケーション

Question

ウィジェットベースのアプリケーションを開発したシナリオがあります。これは、アプリケーションを使用するのDOMに自身を挿入します。このウィジェットはKnockoutJSを使用して独自のUIをレンダリングし、独自のViewModelをバインドします。

のかかるアプリケーション（おそらくない鉱山）も全く違うのViewModelでそれ自身のUIをレンダリングするためにKnockoutJSを使用しています。何が起こる

は、その消費ページがロードされ、ko.applyBindings（hostPageViewModel）を実行します。その後、ウィジェットはko.applyBindings（widgetDataViewModel）をロードして実行します。 2番目のapplyBindingsが実行されると、消費ページはそのバインドされたモデルのコンテキストを失い、何も表示しません。デバッグでは、消費しているアプリケーションでレンダリングされたデータを確認してから、ウィジェットアプリケーションでデータを消去します。

ノックアウトの全く異なる2つのインスタンスを維持しようとする以外にも（これが可能かどうかは確かではありませんが、私はウィジェットのバージョンを新しくしてkotwoと呼ぶことを考えていました）、これには解決策がありますか？

このデザインのアプリケーションスタイル内のアプリケーションのため、バインドは1回だけ適用できません。

誰かが提案している場合、私はこの1つの助けが大好きです。

Answer 1

私はあなたの第二だけで、あなたのウィジェットをロードした後、DOMに追加され、後のあなたの最初のapplyBindingsが呼び出され、ウィジェット含むdiv要素にバインディングを適用する範囲にする必要がありますと思います。

だから、ウィジェットは、彼らがお互いのつま先で踏む停止します

ko.applyBindings(widgetViewModel, $widgetDiv); 

これを呼び出します。

ページに2つのバージョンのKOを持つことについては、結果がどのようなものかわかりません。 koオブジェクトをテストできますか？見つからない場合は、ファイルを動的にインクルードしますか？

これが役に立ちます。