javascript - 观察用户定义的 Javascript 对象的属性

Question

我有点知道我们无法通过简单地观察对象来观察对象的属性。但是我想知道我的理解是否正确。

我们可以做这样的事情吗？ http://jsfiddle.net/Z3gNC/

function Person(name, age) {
    this.name = name;
    this.age = age;
}

$(function () {
    var vm = (function () {
        var person = ko.observable(new Person("ABC", 23));
        return {
            person: person
        };
    })();
    ko.applyBindings(vm);
});

它不起作用，所以我猜我们不能。我也不明白'c'这个字符是从哪里来的。

Answer 1

你离得不远了，你只需要在你的标记中引用它时打开你的 person observable:

Updated JSFiddle

<input data-bind="value:person().name" />
<input data-bind="value:person().age" />

根据评论编辑

Update JSFiddle

您可以使 Person 的属性可观察，以便它们跟踪更改，如下所示:

function Person(name, age) {
    this.name = ko.observable(name);
    this.age = ko.observable(age);
}