knockout不会绑定到嵌套元素

Question

我不明白为什么我可以成功地将数据绑定到特定的div，但如果我尝试与嵌套元素完全相同的绑定（我尝试了几种div和spans的配置），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.chat Invites'上使用括号，因为这会使得knockout取当前值，如果observable发生变化则不会更新。

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