Ember Pre4

by krisselden

HTML

<script src="https://raw.github.com/wycats/handlebars.js/1.0.rc.2/dist/handlebars.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.4.js"></script>
<script type="text/x-handlebars">
    {{#each price in controller}}{{price}}{{/each}}
</script>

JavaScript

App = Ember.Application.create();

var apple = {name: 'apple', price: 1.00};
var orange = {name: 'orange', price: 2.00};
var banana = {name: 'banana', price: 1.40};

App.ApplicationController = Ember.ArrayController.extend({
    fruits: [apple, orange, banana],
    prices: function () {
        return this.get('fruits').mapProperty('price');
    }.property('[email protected]'),
    content: function () {
        return this.get('prices');
    }.property()
});

setTimeout(function () {
    Ember.set(apple, 'price', 2.00);
    Ember.set(banana, 'price', 1.22);
    Ember.set(banana, 'price', 1.22);
},2000);