javascript - 如何获取模板 html 文本

Question

我知道 knockout 有方法 ko.renderTemplate() https://www.strathweb.com/2012/08/knockout-js-pro-tips-working-with-templates/

所以我有下一个代码:

var templateHtmlText = ko.renderTemplate('packageView', package[0])

但它返回 "<!--[ko_memo:5c90e0726c7e506b]-->"

如何使用已应用的绑定(bind)在变量中准备好 html 代码？

Answer 1

您需要为 knockout 提供一个元素以绑定(bind)到(本例中为 elem)。 RenderTemplate 然后将数据(本例中的 obs)绑定(bind)到这个元素。如果要将结果存储在变量中，则获取元素 innerHTML:

var obs = ko.observable({demo:'demo text'});
var elem = document.createElement('div');

ko.renderTemplate('template', obs, null, elem);
console.log(elem.innerHTML);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<script type="text/html" id="template">
  <span data-bind="text: demo"></span>
</script>