如何获取模板html文本

Question

I know that knockout has method ko.renderTemplate() https://www.strathweb.com/2012/08/knockout-js-pro-tips-working-with-templates/

So I have next code:

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

but it returns "<!--[ko_memo:5c90e0726c7e506b]-->"

How can I get ready html code in variable with applied bindings?

Answer 1

You need to supply an element for knockout to bind to ( elem in this example). RenderTemplate then binds the data ( obs in this example) to this element. If you want to store the result in a variable, then grab the elements 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>