Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ember Starter Kit</title>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="http://builds.emberjs.com/canary/ember.debug.js"></script>
  <script src="http://builds.emberjs.com/canary/ember-template-compiler.js"></script>
</head>
<body>
  <div id='app'></div>
  <pre id="logs"></pre>
  
  <script type="text/x-handlebars">
    <h2>rwjblue's Ember JSBins</h2>
    <p>
      Sometimes in Handlebars templates you do not want to preserve
      surrounding whitespace (i.e if your template contains a trailing
      newline).
    </p>
    
    <br>
    <hr>
    
    No whitespace control: \{{model.foo}}
    
    <pre>
      {{model.foo}}
    </pre>
    
    <hr>
    <br>
    
    Whitespace control leading: \{{~model.foo}}
    
    <pre>
      {{~model.foo}}
    </pre>
    
    <hr>
    <br>
    
    Whitespace control trailing: \{{model.foo~}}
    
    <pre>
      {{model.foo~}}
    </pre>
    
    <hr>
    <br>
    
    Whitespace control both: \{{~model.foo~}}
    
    <pre>
      {{~model.foo~}}
    </pre>
  </script>
</body>
</html>
/* Put your CSS here */
html, body {
    margin: 20px;
}
 
var App = Ember.Application.create({
  rootElement: '#app',
  LOG_RESOLVER: true
});
App.Router.map(function() {
});
App.ApplicationRoute = Ember.Route.extend({
  model() {  
    return { foo: 'content' };
  },
  
  actions: {
    error: function(error) {
      log(error.message);
    }
  }  
});
Ember.onerror = log;
function log() {
  var msg = [].slice.call(arguments).join(' ');
  logs.insertBefore(document.createTextNode("\n" + msg), logs.firstChild);
}
Output 300px

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

Dismiss x
public
Bin info
rwjbluepro
0viewers