javascript - knockout 延长器重新启动所有型号

Question

一切都很好，直到我决定向我的 View 模型添加一些扩展器。

我只是从 knockout docs 进行复制粘贴。我需要的是强制某些字段为数字(在本例中我使用所需的扩展)。

问题是当我更改扩展属性时，我的所有模型都会重新启动。我怎么知道呢？因为所有字段都会获得初始值。

var ProductToAddVM = function () {
    var self = this;
    self.style = ko.observable().extend({ required: "Please enter a first name" });
    self.children = ko.computed(function () { return "something computed" }
};

var PurchaseVM = function () {
     var self = this;
     self.newInvoiceNewProduct = ko.observable(new ProductToAddVM());
};

ko.extenders.required = function (target, overrideMessage) {
        //add some sub-observables to our observable
        target.hasError = ko.observable();
        target.validationMessage = ko.observable();

        //define a function to do validation
        function validate(newValue) {
            target.hasError(newValue ? false : true);
            target.validationMessage(newValue ? "" : overrideMessage || "This field is required");
        }

        //initial validation
        validate(target());

        //validate whenever the value changes
        target.subscribe(validate);

        //return the original observable
        return target;
    };

$(document).ready(function() {
        ko.applyBindings(PurchaseVM);
});

我错过了什么？

更新

这是我的 fiddle 。为什么我的模型会重新启动？我是 usre，它正在重新启动，因为它正在进行 ajax 调用来加载我的模型(不是在 fiddle 中)

http://jsfiddle.net/btordz/S8fZ4/1/

Answer 1

在此处查找语法错误 -

http://jsfiddle.net/y3P9P/

var ProductToAddVM = function () {
    var self = this;
    self.style = ko.observable().extend({ required: "Please enter a first name" });
    self.children = ko.computed(function () { return "something computed" }); 
}

还有其他的...