Ember rc1 Connect Outlets (render)

by amindunited

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-rc.1/ember.js"></script>
<script type="text/x-handlebars" data-template-name="someApp">
    <h1>Some aPp top</h1>
    {{outlet cheese}}
</script>
<script type="text/x-handlebars" data-template-name="cheese">
    <h2>Formage</h2>
</script>

JavaScript

//
window.SomeApp = Em.Application.create();
SomeApp.ApplicationController = Em.Controller.extend();
SomeApp.ApplicationView = Em.View.extend({ templateName:"someApp"})
SomeApp.Router.map(function(){
    this.route("index", {path:"/"})
});
SomeApp.IndexRoute = Em.Route.extend({
    renderTemplate:function(){
        this.render('cheese',{outlet:"cheese"})
    }
});

SomeApp.Cheese = Em.Object.create({
    content:["Chese One", "Chese Two", "Chese Three"]
});
SomeApp.CheeseController = Em.Controller.extend({
    contentBinding: 'SomeApp.Cheese.content'
});
SomeApp.CheeseView = Em.View.extend({
    templateName:"cheese",
    didInsertElement:function(){
        console.log("Inserted Cheese!");
    }
})