Knockout呈現html字符串

Question

有沒有什麼方法可以從knockout中的html字符串渲染？

即

var html = ko.renderFromString('<p data-bind="text:name"></p>', {name:"Fred"}); 

這將是我在做什麼很方便。

$(".container").append(html); 
$(".container").on("click", "p", function(e){ 
console.log(ko.dataFor(this));}); 

Answer 1

如果你在用模板引擎搞亂不願意，試試這個：

ko.renderFromString = function (html, data) 
    { 
    var node = new DOMParser().parseFromString(html, "text/html"); 
    this.applyBindings(data, node.body); 
    var res = node.body.innerHTML.toString(); 
    this.cleanNode(node); 
    delete node; 
    return res; 
    }; 

它基本上從你的HTML字符串創建一個臨時的（在-memeory）DOM元素，結合您的數據，返回綁定元素的innerHTML然後丟棄它。