Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <script type="text/x-handlebars" data-template-name="index">
    {{#blog-post title=title}}
      <p class="author">by {{author}}</p>
      {{body}}
    {{/blog-post}}
    {{blog-post title=title}}
  </script>
  
<script type="text/x-handlebars" id="components/blog-post">
  <h1>{{title}}</h1>
  {{#if template}}
  <div class="body">{{yield}}</div>
  {{else}}
  <div class="body">There are good Paula Cole songs?  (No body given.)</div>
  {{/if}}
</script>
</body>
</html>
 
body {
  font-family: Helvetica, Arial, sans-serif;
}
div.body {
  border: 1px solid rgba(0,0,0,0.5);
  padding: 17px;
  border-radius: 3px;
}
.author {
  color: #666;
  font-size: 0.8em;
  margin-bottom: 7px;
}
 
App = Ember.Application.create();
App.IndexRoute = Ember.Route.extend({
  model: function() {
    return {
      title: "Top 2 Paula Cole Songs",
      author: "Tom Dale",
      body: "1. Where Have All the Cowboys Gone? 2. I Don't Want to Wait"
    };
  }
});
Output

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

Dismiss x
public
Bin info
jagthedrummerpro
0viewers