javascript - 如何为淘汰视图模型中的每个可观察对象添加扩展器？

Question

我正在尝试为我的视图模型中的所有可观察对象添加扩展器。我的数据来自服务器，所以我无法一一指定属性。

我试过了，但它不起作用，我在这个例子中使用了来自淘汰赛 js 网页的 logChange 扩展器。

var addingExtender = {
  key: function (data) {
        return data.id;
    },
  create: function(options) {
            return ko.observable(true).extend({ logChange: "Value Changed" });

    }
};
ko.mapping.fromJS(data, addingExtender, self);

Answer 1

我最终做了一个函数来一个一个地添加扩展器。

function addStorage(koViewModel,name) {
    for (var observableKey in koViewModel) {
        if (ko.isObservable(koViewModel[observableKey]) 
        && !isObservableArray(koViewModel[observableKey])) {

            koViewModel[observableKey].extend({ persist: name === undefined ?
                   url + observableKey : url + name +     "." + observableKey });
        }

        if (typeof koViewModel[observableKey] === "object") {
            for (var observables in koViewModel[observableKey]) {
                if (ko.isObservable(koViewModel[observableKey][observables]) 
                && !isObservableArray(koViewModel[observableKey][observables])) {

                    koViewModel[observableKey][observables].extend({ persist: url +
                           observableKey + "." + observables });
                }
            }
        }
    }
}

Answer 2

使用 Typescript 语法，递归扩展叶子 observables

extendObservables(vm: object): void {
    for (var observableKey in vm) {
        if (!vm.hasOwnProperty(observableKey) || observableKey == "__ko_mapping__") {
            continue;
        }

        if (ko.isObservable(vm[observableKey]) && typeof ko.unwrap(vm[observableKey]) === "object") {
            this.extendObservables(ko.unwrap(vm[observableKey]));
        } else if (ko.isObservable(vm[observableKey])) {
            extendObservable(vm[observableKey]);
        } else if (typeof vm[observableKey] === "object") {
            this.extendObservables(vm[observableKey]);
        }
    }
}