另一个数据绑定文本中的数据绑定文本

【问题标题】：Data-bind text inside another data-bind text另一个数据绑定文本中的数据绑定文本
【发布时间】：2011-06-27 23:49:35
【问题描述】：

一旦 div 数据绑定将 <span> 替换为其数据绑定，以下内容似乎不适用于 knockoutjs：

<script..>
    <div data-bind="text: name">
        <span data-bind="text: index"></span>
    </div>
</script>

结果是：

<div>My data-bind text</div>

可能有我想要的这种嵌套行为吗？我不想把跨度作为兄弟姐妹。

【问题讨论】：

标签： data-binding knockout.js

【解决方案1】：

当您将数据绑定到文本时，它将替换 div 的内容。

我认为你最好的选择是：

<script id="twospans" type="text/html">
    <div>
        <span data-bind="text: name"></span>
        <span data-bind="text: index"></span>
    </div>
</script>

或者如果你真的不能处理两个跨度，那么：

<script id="templatesyntax" type="text/html">
    <div>
        ${name}
        <span data-bind="text: index"></span>
    </div>
</script>

在第二个中，唯一的缺点是如果名称是可观察的并且发生变化，那么整个模板会再次呈现，而不仅仅是元素的文本。

示例：http://jsfiddle.net/rniemeyer/K6jdF/

【讨论】：