Ember Latest

The latest build of Ember.

HTML

<script src="http://builds.emberjs.com/beta/ember.debug.js"></script>
<script src="http://builds.emberjs.com/beta/ember-data.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/x-handlebars" data-template-name="application">
   
    {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
  <h2>A Container</h2>
<div id="mainWrapper">
    <button {{action 'addComponent'}}>add the component</button>
</div>
</script>

<script type="text/x-handlebars" data-template-name="components/display-box">
     <p>A Display Box</p>
   </script>

JavaScript

App = Ember.Application.create({});

App.IndexController = Ember.ObjectController.extend({
 actions: {
      addComponent: function(){
        console.log("inside addAComponent Action");
          
          var theContainer =  Ember.ContainerView.create ({
          classNames: ['the-container']
          });
          theContainer.appendTo('body');
          theContainer.appendTo('#mainWrapper');
          
          theContainer.pushObject(App.DisplayBoxComponent.create({}));
          
      }
    }
});

App.DisplayBoxComponent = Ember.Component.extend({
});