javascript - 在 Knockout JS 中触发子属性的订阅事件

Question

我在 Knockout 中触发订阅事件时遇到一些问题。我有一系列模式，每个模式都有很多天。我想在一天的时间戳发生变化时触发我的订阅事件，而不仅仅是在架构数组发生变化时触发。

这是我到目前为止的代码。当 Schema 添加或从 Schemas 数组中删除时，底部的订阅事件就会触发。但当任何子属性发生更改时则不会。

{"schemas":[
    {"days":[
        {"from":"12:00","to":"17:00"},
        {"from":"06:30","to":"17:00"},
        {"from":"06:30","to":"17:00"},
        ...
    ]},
    {"days":[
        {"from":"06:30","to":"17:00"},
        {"from":"06:30","to":"17:00"},
        {"from":"06:30","to":"17:00"},
        ...
    ]}
]} 

var Schema = function(data, parent, index) {
    var self = this;
    ko.mapping.fromJS(data, {}, self);
};

var SchemaViewModelMapping = new (function() {
    var self = this;

    self.index = 0;
    self.schemas = {
        create: function(options) {
            self.index++;
            return new Schema(options.data, options.parent, self.index);
        }
    };
    self.index = 0;
})();


var SchemaViewModel = function() {
    ko.mapping.fromJS(data, SchemaViewModelMapping, self);

    self.schemas.subscribe(function(value) {
        **Let me do something when a DAY changes here!!!**
    });
}

var ViewModel = new SchemaViewModel;
ko.applyBindings(ViewModel);

Answer 1

根据@JamesThorpe的建议，我更新了我的代码，如下所示:
我添加了一个新的 Day 对象，从其中添加我的订阅，我从架构中实例化该对象。

{"schemas":[
    {"days":[
        {"from":"12:00","to":"17:00"},
        {"from":"06:30","to":"17:00"},
        {"from":"06:30","to":"17:00"},
        ...
    ]},
    {"days":[
        {"from":"06:30","to":"17:00"},
        {"from":"06:30","to":"17:00"},
        {"from":"06:30","to":"17:00"},
        ...
    ]}
]} 

var Day = function(data) {
    var self = this;
    self.from = ko.observable(data.from);
    self.to = ko.observable(data.to);
    self.from.subscribe(function() {
        **Doing my subscribe magic...**
    });
    self.to.subscribe(function() {
        **Doing my subscribe magic...**
    });
};

var Schema = function(data, parent, index) {
    var self = this;
    ko.mapping.fromJS(data, {}, self);
    self.days = ko.observableArray();
    data.days.forEach(function(day) {
      self.days.push(new Day(day));
    });
};

var SchemaViewModelMapping = new (function() {
    var self = this;

    self.index = 0;
    self.schemas = {
        create: function(options) {
            self.index++;
            return new Schema(options.data, options.parent, self.index);
        }
    };
    self.index = 0;
})();


var SchemaViewModel = function() {
    ko.mapping.fromJS(data, SchemaViewModelMapping, self);

    self.schemas.subscribe(function(value) {
        **Let me do something when a DAY changes here!!!**
    });
}

var ViewModel = new SchemaViewModel;
ko.applyBindings(ViewModel);