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>
<meta charset=utf-8 />
<title>JS Bin</title>
  <script src="http://code.jquery.com/jquery-2.0.2.js"></script>
  <script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
  <script src="http://builds.emberjs.com/ember-latest.js"></script>
  <script src="http://builds.emberjs.com/ember-data-latest.js"></script>
</head>
<body>
  <script type="text/x-handlebars" data-template-name="application">
    <h1>{{#link-to "index"}}Create new customer example{{/link-to}}</h1>
    {{outlet}}
  </script>
  <script type="text/x-handlebars" data-template-name="index">
    {{#link-to "customers"}}Customers{{/link-to}}
  </script>
  <script type="text/x-handlebars" data-template-name="customers">
    Customer area title (template 'customers')
    <hr/>
    {{outlet}}
  </script>
  <script type="text/x-handlebars" data-template-name="customers/index">
    Customer List (template 'customers/index')<br/>
    {{#link-to "customers.new"}}Add a customer{{/link-to}}<br/>
    <ul>
    {{#each controller}}
      <li>{{#link-to "customer.edit" this}}{{name}}{{/link-to}}</li>  
    {{/each}}
    </ul>
    {{outlet}}
  </script>
  <script type="text/x-handlebars" data-template-name="customers/new">
    Add a new customer (template 'customers/new')<br/>
    {{partial "customers/form"}}
  </script>
  <script type="text/x-handlebars" data-template-name="customer/edit">
    Edit a customer (template 'customer/edit')<br/>
    {{partial "customers/form"}}
  </script>
  <script type="text/x-handlebars" data-template-name="customers/_form">
    {{input value=name}}
    <button {{action save}}>Save</button>
    <button {{action cancel}}>Cancel</button>
  </script>
</body>
</html>
Output 300px

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

Dismiss x
public
Bin info
jagthedrummerpro
0viewers