Question

我正在尝试订阅嵌套对象，但它不起作用。这是my fiddle。下面也是我的代码

var ViewModel = function () {
this.data = ko.observable();
var sample = {
    id: 1,
    details: {
        name: "Johnny",
        surname: "Boy",
        othername: ""
    }
};

this.data(sample);

//This does not work
// this.data().details().name.subscribe(function (val) {
    //data().details().othername(val)
// });
 };

ko.applyBindings(new ViewModel());

这是我的HTML

<div data-bind="with: data">
<p>Name:
    <span data-bind="text: details.name"></span>
</p>
<p>Surname:
    <input data-bind='value: details.surname' />
</p>
<p>Other:
    <input data-bind='value: details.othername' />
</p>

Answer 1

您需要使您的嵌套属性可观察。

示例：

name: ko.observable("Johnny")

淘汰赛：订阅嵌套对象

1 个答案: