Ember.js UI Binding

by Daniel Clasen

HTML

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.8.1/ember.js"></script>
<script src="http://builds.emberjs.com/tags/v1.0.0-beta.11/ember-data.js"></script>
<script type="text/x-handlebars">
    <p>You {{#unless liked}}don't {{/unless}}like this.</p>
  <button {{action toggleLike}}>Click to toggle.</button>
</script>

JavaScript

App = Ember.Application.create();


App.ApplicationController = Ember.Controller.extend({
  actions:{
    toggleLike:function(){
      this.set('liked',!this.get('liked'));
    }
  }
});