jquery - 如何在 knockout 中创建动态模板？

Question

通过 knockout ，我可以使用这样的模板:

<div data-bind="template: { name: 'person-template', data: buyer }"></div>

    <script type="text/html" id="person-template">
        <h3 data-bind="text: name"></h3>
        <p>Credits: <span data-bind="text: credits"></span></p>
    </script>

function MyViewModel() {
        this.buyer = { name: 'Franklin', credits: 250 };
}
ko.applyBindings(new MyViewModel());

这工作得很好，但我试图根据从服务器返回的数据来在 JavaScript 中创建模板。

有一个article讨论我面临的同样问题并描述基于 ko.jqueryTmplTemplateEngine 的解决方案。

谁能帮我让它发挥作用吗？

或者还有另一种(更简单的)方法吗？

谢谢

Answer 1

看看这个。正如您所看到的 templatoUse 创建一个基于项目类型的模板。

self.templatoUse = function (item) {

    var tmplName = 'tmpl-' + item.type;

    if ($('#' + tmplName).get().length == 0) {
        // create template based on item type
        var content = 'Template ' + tmplName + '<br/>&nbsp;<span data-bind="text:name"></span><br/>';

        // wrap the template    
        content = '<div id="' + tmplName + '">' + content + '</div>';

        // had it so it can be used
        $('#templateContainer').append(content);
    }
    return tmplName;

} 

See fiddle

希望对您有所帮助。