淘汰赛不会绑定到嵌套元素答案

【问题标题】：knockout won't bind to nested element淘汰赛不会绑定到嵌套元素
【发布时间】：2013-08-02 06:40:44
【问题描述】：

我不明白为什么我可以成功地将数据绑定到特定的 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 设置为居中文本（图形处理）。

【问题讨论】：

【解决方案1】：

这应该可行。不要在 'viewModel.chatInvites' 上使用刹车，因为这会使淘汰赛采用当前值，并且如果 observable 发生变化则不会更新。

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

【讨论】：