Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
    <script src="http://builds.emberjs.com/release/ember.js"></script>
    <meta charset=utf-8 />
    <title>JS Bin</title>
</head>
<body>
<script type="text/x-handlebars">
​
    {{render 'my'}}
​
</script>
​
<script type="text/x-handlebars" data-template-name="myview">
    <h1>My View</h1>
​
    Here, I would like to get the MyViewController, but I get
​
    <p>Controller: {{controller}}</p>
    <p> View: {{view.constructor}} </p>
    
    <p> applicationProperty: {{applicationProperty}} </p>
    
    <p>Found it through the back door: {{ifoundit}}</p>
</script>
</body>
</html>
 
  App = Ember.Application.create();
​
  App.MyView = Ember.View.extend({
      templateName: "myview",
      something: "property on view"
  });
​
  App.MyController = Ember.ObjectController.extend({
      needs: "application",
      applicationProperty:Ember.computed.alias("controllers.application.hello")
  });
​
  App.ApplicationController = Ember.ObjectController.extend({
    hello: "hello"
  });
​
  App.ApplicationRoute = Ember.Route.extend({
    model: function(params) {
      return {
        ifoundit: this.controllerFor('my').constructor
      }
    }
  });
​
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
rauhryanpro
0viewers