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>

用淘汰赛显示原始api数据

1 个答案: