Base-Ember

by wmarbut

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.6.1/ember.min.js"></script>
<div id="app">
    
</div>
<script type="text/x-handlebars" data-template-name="index-view">
    {{#with anItem as anotherItem}}
        {{view App.AnotherView}}        
    {{/with}}
</script>

<script type="text/x-handlebars" data-template-name="another-view">
    <p>I am {{anotherItem.name}}</p>
    {{view App.YetAnotherView}}
</script>

<script type="text/x-handlebars" data-template-name="yet-another-view">
    <p>Title: {{anotherItem.title}}</p>
</script>

JavaScript

/* Exploring the possiblity that the {{with}} helper loses context
 * after a few embedded views.
 */

window.App = Ember.Application.create({rootElement: '#app'});


App.IndexController = Ember.Controller.extend({
    anItem: Ember.Object.create({"name":"Ziegenhirte Geitenhoeder", "title": "Goat Herder"})
});
App.AnotherView = Ember.View.extend({ templateName: 'another-view' });
App.YetAnotherView = Ember.View.extend({ templateName: 'yet-another-view' });
App.IndexView = Ember.View.extend({ templateName: 'index-view' });



App.Router.map(function() {
});