knockout.js - 使用原生 Knockout 模板引擎生成

Question

如何使用 Knockout 本机模板引擎为给定模板和视图模型生成绑定但未附加的 html 元素？

我想实现类似于：

var template = "<div data-bind="text: name"></div>";
var viewModel = { name: "Hello" };
var domNode = ko.applyBindings(template, viewModel);

$('body').append(domNode);

Answer 1

是的，您可以这样做，但您应该先将 dom 元素添加到页面，然后再应用绑定：

var template = "<div id='TemplateId' data-bind='text: name'></div>";
var viewModel = { name: "Hello" };

var test = $('body').append(template);
var domElement = $('#TemplateId')[0];
ko.applyBindings(viewModel, domElement);

这是工作小提琴：http: //jsfiddle.net/mq2GU/