Ember Latest

The latest build of Ember.

by alexspeller

HTML

<script src="http://ember.alexspeller.com/handlebars-1.0.0.js"></script>
<script src="http://ember.alexspeller.com/ember-latest.js"></script>
<script type="text/x-handlebars">
    {{input value=filterTerm}}
    {{#each filteredContent}}
        <p>{{name}}</p>
    {{/each}}
</script>

CSS

h1 { font-size: 1.6em; padding-bottom: 10px; }
h2 { font-size: 1.4em; }
ul { padding: 15px; font-size: 1.4em; color: green; }
.url {
   font-family: sans-serif;
   padding: 0.5em;
   border: 1px solid black;
}

CoffeeScript

window.App = Em.Application.create()

App.ApplicationRoute = Em.Route.extend
  model: ->
    [
      name: "Bob"
    ,
      name: "Tim"
    ,
      name: "Alex"
    ]
    
App.ApplicationController = Em.ArrayController.extend
  filteredContent: (->
      term = @get('filterTerm') || ''
      @filter (person) ->
        person.name.toLowerCase().match term.toLowerCase()
  ).property '@each', 'filterTerm'