ember container view

by cherif_b

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars"> 
    {{#view App.AppView}}
        hello {{view.name}}       
    {{/view}}
</script>

JavaScript

App = Ember.Application.create();

App.AppView = Ember.View.extend({
    name:'cherif'

});
    
    App.aContainer = Ember.ContainerView.create({
    classNames: ['the-container'],
    childViews: ['aView', 'bView'],
    aView: Ember.View.create({
      template: Ember.Handlebars.compile("A")
    }),
    bView: Ember.View.create({
      template: Ember.Handlebars.compile("B")
    })
  })

 App.aContainer.appendTo('body');