javascript - knockout : How to bindings to html bind recursively

Question

我想使用 html 绑定(bind)动态添加 html 内容，并且在该 html 内容中我有其他要应用的 ko 绑定(bind)。但是以下代码无法按预期工作:

<div data-bind="html: html"></div>​
<script type="text/javascript">
var vm = new function(){
    this.html = ko.observable("hello <span data-bind='text: text'></span>");
    this.text = "world";
};
ko.applyBindings(vm);
</script>

jsfiddle 可用:http://jsfiddle.net/jvVeQ/

谢谢， 绿色

Answer 1

这可以通过 knockout 模板来完成。

看看this fiddle :

在您的情况下，它将是这样的:

<div data-bind="template: 'myTemplate' "></div>​

<script id="myTemplate" type="text/html">
    <span data-bind='text: text'></span>
</script>