Simple starting point for Ember.js fiddles

by pangratz666

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.5.js"></script>
<script type="text/x-handlebars" >
    {{view App.UserTextField}}
    {{#each App.recentUsersArray}}
        <li>
            <a href="#" title="view again" {{action "searchAgain" target="App.recentUsersArray"}}>{{this}}</a>
        </li>
    {{/each}}
</script>

JavaScript

App = Ember.Application.create();

App.recentUsersArray = Em.ArrayController.create({
    content: [],
    add: function(name) {
        this.unshiftObject(name);
    }
});

App.UserTextField = Ember.TextField.extend({
    insertNewline: function(){
        App.recentUsersArray.add(this.get('value'));
        this.set('value', '');
    }
});

App.recentUsersArray.add('a');
App.recentUsersArray.add('b');