显示原始api数据与淘汰

Display raw api data with knockout

本文关键字：淘汰 数据 api 原始 显示      更新时间：2023-09-26

这应该是相当简单的，虽然我是新的ko我只是似乎不能得到一个结果。

我想添加一个函数到我的视图模型调用和显示一个API，只是有html文本在它像:

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

视图/页面应该使用ko调用文本并显示如下内容:

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

我一直在使用$。函数中的getJSON请求。真的需要最简单的方法来做到这一点。谢谢堆垛机。

您的意思是加载一些文本的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>

相关文章：