Computed Property

by ethan_selzer

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-rc.2/ember.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <h1>Application Template</h1>
    {{ outlet }}
</script>

<script type="text/x-handlebars" data-template-name="index">
    <h2>Index Template</h2>
</script>

CSS

body {
  padding: 2em;   
}

.emphasize h2{  font-weight:bold }

JavaScript

App = Ember.Application.create();

App.IndexView = Ember.View.extend( {
    classNameBindings : [ 'App.Test.emphasize' ]
} );

App.test = Ember.Object.extend( {
    emphasize : function(){
        return true;
    }.property()
} ).create();

App.Test = Ember.Object.extend();
App.Test.reopenClass( {
    emphasize : function(){
        return true;
    }.property()
} )