Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="ED: Reading" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.4/handlebars.js"></script>
  <script src="http://builds.emberjs.com.s3.amazonaws.com/ember-1.0.0-rc.4.js"></script>
<script src="http://builds.emberjs.com.s3.amazonaws.com/ember-data-0.13.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  
<script type="text/x-handlebars">
  <h1>My Ember App</h1>
  {{ outlet }}
</script>
<script type="text/x-handlebars" data-template-name="products">
  <h2>Products</h2>
  {{#each controller}}
    {{#linkTo 'product' this}}{{ title }}{{/linkTo}}
  {{/each}}
</script>
  
  <script type="text/x-handlebars" data-template-name="product">
  <h2>Product: {{ title }}</h2>
</script>
  
</body>
</html>
 
var App = Ember.Application.create();
App.Router.map(function() {
  this.resource('products');
  this.resource('product', { 'path' : 'products/:product_id' });
});
App.Store = DS.Store.extend({
  revision: 13,
  adapter: 'DS.FixtureAdapter'
});
App.Product = DS.Model.extend({
  title: DS.attr('string')
});
App.Product.FIXTURES = [
  { id: 1, title: 'Rube Goldberg Breakfast-o-Matic' }
];
App.ProductsRoute = Ember.Route.extend({ 
  model: function() {
    return App.Product.find();
  }
});
App.IndexRoute = Ember.Route.extend({
  redirect: function() {
    this.transitionTo('products');
  }
});
Output

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

Dismiss x
public
Bin info
andybzpro
0viewers