Dynamic view binding helper for Ember.js

dynamic-view.js

var DynamicView = Ember.ContainerView.extend(Ember._Metamorph, {
  childViews: [],

  viewChanged: function () {
    var viewName = this.get('viewName');
    var view = this.get(viewName) || this.container.lookup('view:' + viewName);

    if (view) {
      this.clear();
      this.pushObject(view);
    }
  }.observes('viewName')
});


Ember.Handlebars.registerBoundHelper('dynamic-view', Ember.Handlebars.makeViewHelper(DynamicView));

usage.hbs

{{dynamic-view viewName=myViewName}}

When `myViewName` changes, so does the view, if it's defined locally or if the container is aware of it.

{{dynamic-view viewName='login' login=controller.customLoginView}}