ノックアウトでraw apiデータを表示

Question

これはかなりシンプルなはずですが、私はコモを初めて知っていますが、結果を得ることができないようです。

私は単純に好きなことでHTMLテキストを持っているAPIを呼び出して表示するために私のビューモデルに機能を追加したい：

<p class="class">This is my text</p> 

ビュー/ページはKOを使用してテキストを呼び出し、のようなものが表示されますこれは：

<span data-bind="text: myText"></span> 

私は関数内で$ .getJSONリクエストを使用しています。本当にこれを行うための最も簡単な方法が必要です。ありがとうスタッカー。

Answer 1

テキストを読み込むAJAX呼び出しを意味しますか？

ビューモデルを設定してからバインディングを適用し、最後にajax呼び出しの結果を設定する必要があります。

data-bind='html:

に

document.viewModel = { MyText: ko.observable() }; 
 

 
ko.applyBindingsToDescendants(document.viewModel, document.getElementById("content")); 
 

 
//make your ajax call and handle the result 
 
//$.getJSON('/some/url', function(data){` 
 
    //document.viewModel.MyText(data); 
 
    document.viewModel.MyText('<p class="class">This is my text</p>'); 
 
//});

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 
<div id="content"> 
 
    <span data-bind="html: MyText"></span> 
 
</div>