javascript - 我在这里用 knockout.js 做错了什么？

Question

我正在尝试动态创建可观察对象，但效果不佳。这是我所拥有的:

//这种类型有效

   this.Name = ko.observable(data.Name);
   this.Age = ko.observable(data.Age);

//这就是我想要的工作

   for (var propertyName in data) {
         this.propertyName = ko.observable(propertyName);
     }

这只生成属性名称，即“Name”和“Age”，但是当我调试时第一个生成值和名称，例如“Name”是“John”。

Answer 1

关于:

for (var propertyName in data) {
    this[propertyName] = ko.observable(data[propertyName]);
}

this.propertyName 实际上会设置一个名为“propertyName”的属性。通过使用括号，您可以使用变量来定义属性。

ko.observable(propertyName); 定义了一个以属性名称作为其值的可观察对象。

您可能还想检查该值是否为数组，以便您可以在需要的地方创建一个可观察数组:

for (var propertyName in data) {
    var value = data[propertyName];
    if ($.isArray(value)) { // assuming your using jQuery
        this[propertyName] = ko.observableArray(value);
    } else {
        this[propertyName] = ko.observable(value);
    }
}