当使用 KnockoutJs 父可观察更改时,如何触发子元素的更新?
在我的应用程序中,我正在构建一个翻译工具。我有一个淘汰赛类,表示某些文本的原始(默认)值,以及翻译后的子项的集合:
function ParentObject(id, defaultValue) {
var self = this;
self.id = id;
self.defaultValue = ko.observable(defaultValue);
self.children = ko.observableArray();
self.loadChildren = function () {
// standard code to load the children ("lazy load", as I have gobs of data)
}
}
而孩子是
function Child(id, translation, cultureCode) {
var self = this;
self.id = id;
self.cultureCode = cultureCode;
self.translation= ko.observable(translation);
}
父项的defaultValue 属性绑定到输入控件。
我想要做的是,当我更新父级的默认值时,为每个子级调用我的翻译服务。但我对如何进行有点迷失。
- 我如何识别父级的“defaultValue”属性
改变了?
- 当我这样做时,我应该迭代父级中的子级吗?
发生了,或者以某种方式将其转移给孩子?
(注意,我的例子是根据实际实现进行简化的)
EDIT:将其与函数一起添加到我的 defaultValue 元素中,仍然传递旧值:
data-bind=" value: defaultValue, event: {change: updateChildren}"
其中 updateChildren 迭代子数组。