Javascript 静态标记在页面加载时未显示,具有敲除绑定

Javascript 静态标记在页面加载时未显示,具有敲除绑定,javascript,knockout.js,Javascript,Knockout.js,我有一个表,它的标题是使用foreach和数据绑定动态填充的。我在标记中也提到了一个静态元素“hello”,但在页面加载中,hello被数据绑定文本替换。为什么不同时显示hello和data bind文本呢 demo.html : html table having foreach binding and static content ==================================================================== <table ce

我有一个表,它的标题是使用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>
demo.html:具有foreach绑定和静态内容的html表
====================================================================
你好
对其中一个表头列执行Inspect元素时,代码如下所示:

患者姓名


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

这就是
文本
数据绑定的工作原理

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

资料来源:

如果希望有多个文本,可以将
文本
绑定应用于子元素,以便:

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

你好

假设如果我想将id添加到$data.header的值中,那么我们如何动态地实现它。
data bind=“attr{id:$data.header}”
尽管你真的应该把它作为一个单独的问题来问,并将这个问题标记为已接受:)很高兴一切都为你解决了。记住在我的答案旁边打勾,将其标记为已接受。干杯