Routing control with replacements

router.js

can.Control.extend({
  setControl: function(Ctrl, options) {
    if(this.current) {
      this.current.destroy();
    }

    this.current = new Ctrl(this.element, options || this.options);
  },

  route: function() {
    this.setControl(MyControl)
  },

  'some/:name route': function(data) {
    this.setControl(OtherControl, data);
  },

  'other/:id route': function(data) {
    this.setControl(FooControl, data);
  }
});