可观察对象的 attr 数据绑定不会在 Knockout.js 中更新答案

【问题标题】：attr data-bind for an observable does not update in Knockout.js可观察对象的 attr 数据绑定不会在 Knockout.js 中更新
【发布时间】：2012-11-21 19:14:03
【问题描述】：

我已经将我的视图模型中的一个 observable 绑定到一个 div 的标题，如下所示：

area 是一个 ko.observable()

第一次设置值时，标题会正确更新。对区域的任何进一步更新都不会导致标题更新。我知道该值设置正确，因为我添加了一个绑定到相同的跨度并且更新得很好：

不知道我错过了什么。

更新：对不起，我想我做了一件愚蠢的事情。我使用的是 jQueryUI 模态对话框，而不是设置对话框的标题，而是设置包含 div 的标题......这当然是错误的。

【问题讨论】：

发布 html 标记和视图模型。

标签： knockout.js

【解决方案1】：

有效， http://jsfiddle.net/R8fCF/

<div data-bind="attr: {title: area }">Hover for title</div>

ViewModel = function() {
    this.area = ko.observable(0);
    setInterval(function() {
        this.area(this.area() + 1);
    }.bind(this), 1000);
};

ko.applyBindings(new ViewModel());

【讨论】：