javascript - Knockoutjs-在可计算的可观察值中引用本地字段

我是KO的新手，无法获得计算值即可使用。我有一个由许多对象组成的viewmodel，因为我从数据库中检索数据的表很多。这是我设置虚拟机的示例。随意批评我在这里做错的任何事情（尽管它确实与计算值无关）：

var viewModel = function(object1, object2...) {
    var self = this;
    var activeProductCodes = ['AB-1', 'AB-2', 'AB-3'];

    self.myFirstObject = ko.observable({
        field1: ko.observable(object1.field1),
        field2: ko.observable(object1.field2),
        field3: ko.observable(object1.field3)
    });


    self.mySecondObject = ko.observable({
        productCode: ko.observable(object2.productCode),

        isActiveProduct: ko.computed(function() {
            return self.activeProductCodes.indexOf(productCode) !== -1 ? true : false;
        }, self)
    });
}

isActiveProduct不起作用，因为它不知道什么是productCode。我尝试做this.productCode，self.productCode，self.mySecondObject（）。productCode，它们似乎都不起作用。
是否可以访问该值？我的整体VM设置是否有问题，导致失败？

谢谢

史蒂夫

更新：
我现在不使对象可观察，并这样声明我的VM：

var viewModel = function(object1, object2...) {
    var self = this;
    var activeProductCodes = ['AB-1', 'AB-2', 'AB-3'];

    self.myFirstObject = {
        field1: ko.observable(object1.field1),
        field2: ko.observable(object1.field2),
        field3: ko.observable(object1.field3)
    }

    self.mySecondObject = {
        productCode: ko.observable(object2.productCode),

        isActiveProduct: ko.computed(function() {
            return self.activeProductCodes.indexOf(productCode) !== -1 ? true : false;
        }, self)
    }
}

最佳答案

除了注释中的简短讨论之外，当我在剔除中处理子视图模型时，我倾向于正确定义它们，而不是使用匿名对象。所以在你的情况下可能看起来像这样

var viewModel = function(object1, object2...) {
    var self = this;
    var activeProductCodes = ['AB-1', 'AB-2', 'AB-3'];

    self.myFirstObject = ko.observable(new myFirstViewModel(object1)); // omitted for brevity

    self.mySecondObject = ko.observable(new mySecondViewModel(object2, activeProductCodes ));
}

var mySecondViewModel = function(object2, activeProductCodes){
    var self = this;

    self.productCode = ko.observable(object2.productCode);
    self.isActiveProduct = ko.computed(function() {
            return activeProductCodes.indexOf(self.productCode()) !== -1 ? true : false;
    }, self)
}

我还提到过，您很有可能不需要子视图模型就可以实际观察到，因此您可以避免这种情况：

self.mySecondObject = new mySeocndViewModel(object2, activeProductCodes );

这取决于您的用例。

关于javascript - Knockoutjs-在可计算的可观察值中引用本地字段，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41608717/