data-binding - 淘汰赛不会绑定到嵌套元素

Question

我不明白为什么我可以成功地将数据绑定到特定的 div，但是如果我尝试对嵌套元素进行相同的精确绑定（我尝试了几种 div 和 span 的配置），Knockout 将不再响应任何数据更改为绑定。我想不出这其中的原因。任何人都可以提供见解吗？以下是两种情况：

绑定成功：

<div id="header" data-bind="html: viewModel.chatInvites()"></div>

无反应：

<div id="header">
    <div id="chatInvitesCount" data-bind="html: viewModel.chatInvites()"></div>
</div>

我需要这种嵌套结构的原因是我将外部 div 设置为圆形，内部 div 设置为居中文本（图形处理）。

Answer 1

这应该有效。不要在“viewModel.chatInvites”上使用刹车，因为这会使淘汰赛采用当前值，并且如果可观察到的变化不会更新。

<div id="header">
    <div id="chatInvitesCount" data-bind="html: viewModel.chatInvites"></div>
</div>