Ember 0.9.7.1 Template

by ianpetzer

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="https://raw.github.com/wycats/handlebars.js/1.0.rc.2/dist/handlebars.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.4.js"></script>
<script type="text/x-handlebars">
Hello from the main application template .. 
    
{{view App.TeachMeView name="Bob!"}}    
{{view App.NameInViewDefinition}}
{{view App.TeachMeView nameBinding="observedName"}}       
Name from ApplicationRoute model : {{view Ember.TextField valueBinding="observedName"}}    
    
</script>

<script type="text/x-handlebars" data-template-name="teach_me">
  
In the view, hello {{name}}
    
</script>

JavaScript

App = Ember.Application.create(  
);

App.ApplicationRoute = Ember.Route.extend({
    model: function() {
        return {
            observedName: "Richard"
        };
    }
});

App.TeachMeView = Em.View.extend({
    templateName: "teach_me",
});

App.NameInViewDefinition = App.TeachMeView.extend({
    name: "Peter"    
});