knockout.js javascriptライブラリからウィジェットをロードする

Question

ノックアウトを使用する既存のアプリケーションにウィジェットを追加しようとしています。このウィジェットのドキュメントは非常にまばらです。私がウィジェットに表示させたいページに、

<script>Widget.insertWidget({"productId":"1234"});</script> 

と書かれています。

このプロジェクトは、HAMLを使用していると私はやっによる作業例を得ることができました。これは、動作するように例を取得しますが、私はプロパティであることproductIdを、持っている必要があり

%div 
    :javascript 
    Widget.insertWidget({"productId":"1234"}) 

次ノックアウト観察で

私はバインディングを実装しようとしています、それは私が立ち往生している場所です。私は私が私のinsertWidget関数内debugger文を打つことができるんだけど、ウィジェットが表示されていないwidgetInserterが

widgetInserter: => 
    Widget.insertWidget({"productId":@product().id}) 

ある

%div{ 'data-bind' => "(text|html|value) => $parent.widgetInserter" } 

のバリエーションを試してみました。

私には、それらのうちの1つがうまくいったはずだが、誰も持っていないようだ。私はこれに関するガイダンスを感謝します。

Answer 1

あなたが他の<script>から同じノックアウトビューモデルにアクセスすることができない場合は、非表示の入力にプロダクトIDをバインド：

<input type="hidden" data-bind="value: productId" id="pid" />

そして、後でそれをアクセス：

%div 
    :javascript 
    var productId = document.querySelector('#pid').value; 
    Widget.insertWidget({"productId": productId})