子节点中的Knockout.js文本绑定

Question

我对knockout.js很新，我找不到这个问题的答案。

我正在尝试创建像

这样的东西

<td>DEMO<span>DEMO2</span></td>

但我不知道如何用knockout.js做到这一点。我尝试了以下方法，但它不起作用：

<td data-bind="text: type"><span data-bind="text: type2"></span></td>     

似乎text:type覆盖了span，甚至没有出现。

Answer 1

是的，您无法text绑定td，因为它会完全覆盖您td

的内容

来自documentation：

  

Knockout将元素的内容设置为带有参数值的文本节点。之前的任何内容都将被覆盖。

解决方案：

使用额外的span：

<td><span data-bind="text: type"></span><span data-bind="text: type2"></span></td> 

使用KO的无竞争语法：

<td><!-- ko text: type --><!-- /ko --><span data-bind="text: type2"></span></td> 

演示JSFiddle。