javascript - 如何让 KnockOutJS 识别具有数据绑定(bind)属性的动态 html？

Question

我有一个应用程序，我可以在该应用程序中将内容动态加载到页面的各个部分。有时代码有 data-bind 属性，这些属性似乎被 KnockOutJS 忽略了。

HTML:

<div data-bind="html: code">
    this text is replaced by the JavaScript
</div>

function AppView() {
    var self = this;

    // This sets the code 
    self.code = ko.observable('<div>this shouldnt show</div>');
    self.stuff = ko.observable('this should show');
}

var app = new AppView();
ko.applyBindings(app);

// Later we override the code.  We're setting an observable, so the app should notice.
app.code('<div data-bind="text: stuff">this shouldnt show either</div>');

基本上，我需要初始化处理程序。我是否需要删除所有绑定(bind)，然后重新申请？

fiddle

Answer 1

这可以通过 knquot 模板绑定(bind)来完成。

查看工作示例 here in this fiddle

在你的情况下你必须做这样的事情:

<div data-bind="template: 'myTemplate'>
    this text is replaced by the JavaScript
</div>

<script id="myTemplate" type="text/html">
   <div data-bind="text: stuff">this shouldnt show either</div>
</script>

检查它是否有效。