Ember.Select和Ember.Router

Question

我在和Ember.Router玩。在通过了卡斯珀·泰德曼的优秀样本规范-路由.示例之后，我想我已经基本理解了。

但是，我想知道如何最好地将它与Ember.Select结合起来。

用例:我希望用户能够从下拉列表中选择模块，然后路由到正确的模块。

重新打开Ember.Select并重写valueDidChange如何？有什么更好的方法吗？

Em.Select.reopen({
  valueDidChange: Ember.observer(function() {
    this._super();
    console.log('selection changed');
    App.router.transitionTo(this.get('value'))
  }, 'value')
});

Answer 1

在我的评论中：

如果您重新打开Em.Select，您将应用您的更改到您的Ember应用程序中的所有选择控件。您可能希望创建一个扩展Ember.Select的视图，然后重写valueDidChange方法。

我的意思是类似于这个

var RoutableSelect = Ember.Select.extend({
    valueDidChange: Ember.observer(function() {
        this._super();
        App.router.transitionTo(this.get('value'))
    }, 'value');
});

这样，您就不会为您的应用程序的其余部分覆盖Ember.Select的原始功能。现在，您可以将RoutableSelect用于希望退出此功能的特定视图。