Ember,观察者以奇怪的顺序触发

时间:2013-05-08 20:58:14

标签: javascript select binding ember.js

这是我的控制器EventTimezoneController。其content属性设置为Event模型。

App.ChallengeTimezoneController = Ember.ObjectController.extend
    timezones: [{value: "", label: ""}, {...}]

    timezoneDidChange: (->
        console.log "In controller", @get("timezone")
    ).observes("timezone") # I also tried "content.timezone"

现在我的Event型号:

App.Event = App.Challenge = DS.Model.extend(Ember.Validations,
    timezone: DS.attr('string')

    timezoneDidChange: (->
        console.log "In model", @get("timezone")
    ).observes("timezone")
)

然后,我有一个TimezoneSelect视图

App.TimezoneSelect = Ember.Select.extend
  valueBinding: "controller.timezone"
  contentBinding: "controller.timezones"
  optionValuePath: "content.value",
  optionLabelPath: "content.label"

现在问题:当我在选择下拉列表中选择一个新值时,日志会显示:

> In controller American Samoa
> In model American Samoa

为什么控制器中的方法timezoneDidChange在模型中的方法之前被调用,因为据我所知,它正在观察模型的属性?

1 个答案:

答案 0 :(得分:1)

ember.js中,控制器是指代理模型,因此首先在控制器上调用计算属性函数是有意义的。作为参考,您可以查看这个信息量很大的talk from Luke Melia at Ember.js NYC,尤其是at min 31:30,其中显示了幻灯片的概念。

希望有所帮助