knockout.js - 子节点中的 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

从文档中：

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。