Javascript 敲除-数据绑定优先于html元素中的其他元素

我正在尝试制作一个带有类似tweet列表项的演示应用程序，但遇到了一个问题。我有一个h4元素，我想将文本绑定到它，其中还有一些span元素，但只显示绑定的文本，而覆盖h4元素中的其他元素。 这是我想做的有问题的部分：

这就是我试图通过击倒来实现它的方式：

shole项目应如下所示：

模板中我尝试实现此类标题的特定部分：

 <h4 class="media-heading" data-bind="text: name"><a><span>@</span><span data-bind="text: name"></span></a><span class="timeAgo">  4 minutes ago</span></h4>

因为我在模板中做得不对，所以我的问题是-如何使用knockout实现带有帐户名和时间间隔部分的标题？
文本绑定替换所有元素的内容。这意味着“嵌套”文本绑定没有意义。（或文本绑定元素中的任何其他绑定）

要解决您的特定问题，您可以在
中添加另一个
：


:

绑定将替换元素的所有内容。这意味着“嵌套”文本绑定没有意义。（或文本绑定元素中的任何其他绑定）

要解决您的特定问题，您可以在
中添加另一个
：


:



<h4>
  <span data-bind="text: name"></span>
  <a>
    <span>@</span>
    <span data-bind="text: name"></span>
  </a>
  <span class="timeAgo">4 minutes ago</span>
</h4>

<h4>
  <span data-bind="text: name"></span>
  <a data-bind="text: '@' + name()"></span>
  <span>4 minutes ago</span>
</h4>

<!--ko text: name--><!--/ko-->