Jquery淘汰赛:在内存中渲染模板

时间:2013-12-09 14:29:21

标签: jquery knockout.js knockout-2.0

我有一个淘汰模板:

<script id="draggableHelper" type="text/x-jquery-tmpl">
    <div class="draggableHelper">
        <span data-bind="text: Name"></span>
    </div>
</script>

是否可以通过发送对象来填充模板来生成模板的结果并将其保存到内存中?

类似的东西:

var result = ko.renderTemplate($("#draggableHelper").html(), { Name: "Test" });

1 个答案:

答案 0 :(得分:14)

是的,可以将绑定应用于未附加到DOM的节点。只需使用非常有用的函数ko.applyBindingsToNode即可获得所需的结果。

ko.renderTemplateX = function(name, data){
    // create temporary container for rendered html
    var temp = $("<div>");
    // apply "template" binding to div with specified data
    ko.applyBindingsToNode(temp[0], { template: { name: name, data: data } });
    // save inner html of temporary div
    var html = temp.html();
    // cleanup temporary node and return the result
    temp.remove();
    return html;
};

看看这个小例子:http://jsfiddle.net/6s4gq/

<强>更新

最初它是ko.renderTemplate方法但是在Knockout中有内置方法 同名。覆盖ko.renderTemplate可能会停止处理您的应用程序,尤其是在您使用template绑定时。小心!