Knockout.js KnockoutJs：直接寻址视图中的observableArray对象_Knockout.js

Knockout.js KnockoutJs：直接寻址视图中的observableArray对象

knockout.js

Knockout.js KnockoutJs：直接寻址视图中的observableArray对象,knockout.js,Knockout.js,我想循环一个对象的ObservalArray，在这个循环中，我必须得到另一个ObservalArray的对应值。我没有成功地做到这一点我的代码如下模型和视图模型： //**********MODEL******************** function Configuration() { var self = this; self.properties = ko.observableArray(); } function deviceProperty() { var self

我想循环一个对象的ObservalArray，在这个循环中，我必须得到另一个ObservalArray的对应值。我没有成功地做到这一点

我的代码如下

模型和视图模型：

//**********MODEL********************
function Configuration() {
var self = this;

self.properties = ko.observableArray();
}

function deviceProperty() {
    var self = this;

    self.property = ko.observable("");
    self.value = ko.observable("");
}

//**********VIEWMODEL****************
function compareModelView() {
var self = this;

self.config1 = ko.observable(new Configuration);
self.config2 = ko.observable(new Configuration);

$().ready(function () {
    //Load config1 and config2
});

}

//**********jQuery********************
(function ($) {
    $(document).ready(function () {
        ko.applyBindings(new compareModelView());
    });
})(jQuery);

视图：

Knockoutjs给出了一个错误，表示该属性不存在

当我执行

$root.config2（）.properties（）.length

时，它返回一个数字（3）。当我执行

$root.config2（）.properties（）[0]

时，它返回[Object][Object]。执行

$root.config2（）.properties（）[0]

时，它返回一个空字符串

但是我看不出如何在对象内部直接寻址value属性？

$index

是一个可观察的属性（请参见），因此需要编写

$index（）

来获取其值

因此，以下绑定应该起作用：

<td data-bind="text: $root.config2().properties()[$index()].value()"></td>

虽然您的主要问题是

$index（）

，但它本身并不能解决您的问题，因为在这种情况下集合的填充顺序确实很重要，因此您当前的设置会出错

因此，如果您首先填充

config1（）

KO开始绑定您的表，但是如果

config2（）

尚未填充，您将得到一些未定义的错误。要解决此问题，您需要先更改填充顺序以填充

config2（）

您可以在这里玩这个：只需更改

pupulateConfig2

和

pupulateConfig1

调用的顺序即可查看效果

$index