Data binding 淘汰赛获胜';t绑定到嵌套元素

Data binding 淘汰赛获胜';t绑定到嵌套元素,data-binding,knockout.js,Data Binding,Knockout.js,我不明白为什么我可以成功地将数据绑定到一个特定的div,但是如果我尝试将相同的绑定到一个嵌套元素(我已经尝试了几个div和span的配置),Knockout将不再响应绑定的任何数据更改。我找不出原因。有人能提供见解吗?以下是两种情况: 成功绑定: <div id="header" data-bind="html: viewModel.chatInvites()"></div> 无响应: <div id="header"> <div id="

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

这应该行得通。不要在“viewModel.ChatInvests”上使用brakets,因为这会使knockout获取当前值,并且在可观察到的更改时不会更新

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


您可以添加多一点上下文吗。在你的模型中,你是如何改变的,以及你在改变什么。第二个@Kieran,提到的代码可以很好地工作,看。小提琴对我来说很有用。如果更改名称,它将反映在顶部的渲染div中。我遗漏了什么。@Kieran不,你没有遗漏任何东西,我说的“秒”是指我同意你,我们需要更多的信息(因为,根据小提琴,发布的代码可以正常工作)啊,对不起,周五下午我没有读到帖子上的名字