Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Error state example for emberjs website" />
<meta charset=utf-8 />
<title>JS Bin</title>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v2.0.0.js"></script>
  <script src="http://builds.emberjs.com/ember-latest.js"></script>
</head>
<body>
  <script type="text/x-handlebars" data-template-name="application">
    <div class="box">
      <h1>Application</h1>
      {{#link-to 'foo'}}foo{{/link-to}}
      {{#link-to 'elem' 'bar'}}bar{{/link-to}}
      {{outlet}}
    </div>
  </script>
  
    <script type="text/x-handlebars" data-template-name="error">
    <div class="box">
      <h2>Application Error</h2>
    </div>
  </script>
  <script type="text/x-handlebars" data-template-name="elem/index">
    <div class="box">
      <h2>elem</h2>
      {{name}}
    </div>
  </script>
    <script type="text/x-handlebars" data-template-name="foo/index">
    foo index
    {{outlet}}
  </script>
  <script type="text/x-handlebars" data-template-name="foo/error">
    <div class="box">
      <h2>Foo Error</h2>
    </div>
  </script>
  
</body>
</html>
  
 
h1, h2, h3 {
  line-height: 5px
}
div.box {
  border: 1px solid #000;
  padding: 4px;
  margin: 5px 2px 2px 2px;
}
 
App = Ember.Application.create({
  LOG_TRANSITIONS: true,
  LOG_VIEW_LOOKUPS: true
});
App.Router.map(function() {
  this.resource('foo', {path: '/foo'}, function() {
    this.resource('elem', {path: ':id'}, function() {
      this.route('baz');
    });
  });
});
App.ElemRoute = Ember.Route.extend({
  model: function(params) {
    return new Ember.RSVP.Promise(function(x, reject) {
       reject("Foo Error");
    });
  }
});
Output

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

Dismiss x
public
Bin info
billybonkspro
0viewers