title: Ember.Select and Ember.Router
body: <p>I'm playing around with <em>Ember.Router</em>. After going through the excellent sample <a href="https://github.com/KasperTidemann/canonical-emberjs-routing-example" rel="nofollow">canonical-emberjs-routing-example</a> by Kasper Tidemann I think I mostly got it.</p>
  
  <p>However I'm wondering how I would best combine this with <em>Ember.Select</em>.<br>
  Use-case: I want to the user to be able to select the module from a drop-down and then route to the right module.</p>
  
  <p>How about reopening <em>Ember.Select</em> and overriding <em>valueDidChange</em>?
  Any better way to do that?</p>
  
  <pre><code>Em.Select.reopen({
    valueDidChange: Ember.observer(function() {
      this._super();
      console.log('selection changed');
      App.router.transitionTo(this.get('value'))
    }, 'value')
  });
  </code></pre>