2013-04-23 152 views
3

我有一个对象:淘汰赛订阅观察的对象

{ model: settings: { "FirstName": "Joe", "LastName": "Bloggs" } }; 

在我看来,我的模型进行设置,可观察到:

this.Settings = ko.observable(ko.mapping.fromJS(model.settings)); 

这使得FirstNameLastName可观了。

在我看来,我结合做:

<p data-bind="text: Settings().FirstName"></p> 

Settings我读值:

`this.Settings().FirstName()` 

的问题出现时,我想,当订阅FirstNameLastName变化。

我知道我可以做this.Settings.FirstName.subscribe...但是,一旦你得到两件以上的事情,这是很痛苦的。

有没有办法做this.Settings.subscribe...?或者我应该使用自定义绑定?

回答

0

通过使用计算的observables,您可以在任何这些依赖关系发生更改时自动更新。例如,当名字或姓氏改变时,FullName将被更新。

this.Settings().FullName = ko.computed(function() { 
    return this.Settings().FirstName() + " " + this.Settings().LastName(); 
}); 

KnokcoutJS.com

注借:我会努力多一点,使视图模型少许清洁剂。

+0

是的,谢谢你。但我试图找到一种订阅更改的方式,而不列出所有的子属性,因为Settings对象具有大约20-30个子属性。当你列出每个孩子的财产时,会非常痛苦。此外,如果你删除/重命名一个儿童财产一切都打破了,所以如果你可以订阅父母的水平,这将是理想的:) – Colin 2013-04-24 01:24:49

+0

这是没有提到你的问题。无论如何,你可以做一些像Ryan为dirtyFlag所做的自定义绑定(下面的链接)。 这个概念是比较对象的初始状态(映射之前)到对象的当前状态(通过转换为JSON)。 让我知道如果这不能解决您的问题。 http://www.knockmeout.net/2011/05/creating-smart-dirty-flag-in-knockoutjs.html – KhanSharp 2013-04-24 11:04:42

0

你应该尝试mapping plugin,它可以让你把纯JSON对象并将其转换为全视图模型。

基本上它的每个对象上的每个成员转换为可观察到的:

var data = { "FirstName": "Joe", "LastName": "Bloggs" }; 
var viewModel = ko.mapping.fromJS(data); 

然后,你可以这个视图模型到HTML绑定属性通俗易懂的结合是这样的:

<p data-bind="text: FirstName"></p> 

这是一个小例如,我只映射了一个普通对象,但如果您想转换示例中的嵌套对象,也可以实现更复杂的映射。文档中有关于此的更多信息。