Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
  
<script type="text/javascript" src="//code.jquery.com/jquery-2.0.2.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.4/handlebars.js"></script>
<script type="text/javascript" src="//builds.emberjs.com.s3.amazonaws.com/ember-1.0.0-rc.5.js"></script>
</head>
<body>
  
  <script type="text/x-handlebars" data-template-name="application">
    <h1>Application</h1>
    {{outlet}}
  </script>
  
  <script type="text/x-handlebars" data-template-name="user">
    {{outlet}}
  </script>
  
  <script type="text/x-handlebars" data-template-name="user/index">
    <h2>user/index</h2>
    {{#linkTo posts}}Posts{{/linkTo}}
  </script>
  
  <script type="text/x-handlebars" data-template-name="posts">
    {{outlet}}
  </script>
  
  <script type="text/x-handlebars" data-template-name="posts/index">
    <h2>posts/index</h2>
    {{#linkTo posts.show}}Show{{/linkTo}}
  </script>
  
  <script type="text/x-handlebars" data-template-name="posts/show">
    <h2>posts/show</h2>
    {{#linkTo 'user'}}Back to user{{/linkTo}}
  </script>
  
</body>
</html>
 
App = Ember.Application.create({
  LOG_TRANSITIONS: true
});
App.Router.map(function() {
  this.resource('user', function() {
    this.resource('posts', function() {
      this.route('show', { path: '/show' });
    });
  });
});
App.IndexRoute = Ember.Route.extend({
  redirect: function() {
    this.transitionTo('user'); 
  }
});
App.UserRoute = Ember.Route.extend({
  model: function() {
    return Ember.Object.create({name: 'Name'}); 
  }
});
App.PostsShowRoute = Ember.Route.extend({
  model: function() {
    var user = this.modelFor('user');
    return {}; 
  }
});
Output

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

Dismiss x
public
Bin info
spullen09pro
0viewers