具有淘汰绑定的页面加载时未显示静态标签

Question

我有一个表，它的标题是使用 foreach 和数据绑定动态填充的。我在标签内也提到了一个静态元素“hello”，但在页面加载时，Hello 被数据绑定文本替换。为什么不将 hello 和 data-bind 文本一起显示。

demo.html : html table having foreach binding and static content
====================================================================
<table cellspacing="0"  style="width: 100%;">     
    <thead>       
        <tr class="headerRow" data-bind="foreach:tableHeader">
            <th class="headerElement " w="3" style="width: 12%;" data-bind="text:$data.header">Hello</th>
        </tr>     
    </thead>
</table>

在为表头列之一做 Inspect Element 时，代码如下：

患者姓名

请告诉我为什么 hello 被替换为每个数据

Answer 1

这就是text 数据绑定的工作原理。

Knockout 使用您的参数将元素的内容设置为文本节点 价值。任何以前的内容都将被覆盖。

来源：http://knockoutjs.com/documentation/text-binding.html

如果您想拥有多个文本，可以将text 绑定应用于子元素，这样：

<th class="headerElement " w="3" style="width: 12%;">
<span data-bind="text:$data.header"></span> Hello</th>