Contexts: 1

by machty

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0.beta6/handlebars.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.pre/ember-1.0.pre.min.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <p>Displaying the view below: </p>
    {{view App.HelloView}}
</script>

<script type="text/x-handlebars" data-template-name="hello">
    <p>value of foo: {{foo}}</p>
    <p>value of view.someViewProperty: {{view.someViewProperty}}</p>
    <p>value of global App.globalValue: {{App.globalValue}}</p>
    <p>value of foo: {{view.context}}</p>
</script>

CoffeeScript

window.App = Em.Application.create
  ready: ->
    @initialize()
        
App.ApplicationController = Em.Controller.extend()
App.ApplicationView = Em.View.extend
  templateName: "application"
  globalValue: "anthropogenic warming"

App.HelloView = Em.View.extend
  templateName: "hello"
  someViewProperty: "APROPERTYontheVIEW"

App.Router = Em.Router.extend
  location: 'none'
  root: Em.Route.extend
    index: Em.Route.extend
      route: '/'