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 sets the element’s content to a text node with your parameter value. Any previous content will be overwritten.

解决方案：

使用额外的 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.