ember.js
MORE PRODUCTIVE OUT OF THE BOX.
Write dramatically less code with Ember's Handlebars integrated templates that update automatically when the underlying data changes.
Don't waste time making trivial choices. Ember.js incorporates common idioms so you can focus on what makes your app special, not reinventing the wheel.
Ember.js is built for productivity. Designed with developer ergonomics in mind, its friendly APIs help you get your job done—fast.
GETTING STARTED WITH EMBER.JS IS EASY.
1 2 3 4 5 6 7 8 9 10 11 |
App.Person = DS.Model.extend({
firstName: DS.attr('string'),
lastName: DS.attr('string'),
fullName: function() {
return this.get('firstName') +
"" + this.get('lastName');
}.property('firstName', 'lastName')
});
App.peopleController = Em.ArrayController.create({
content: App.Person.findAll()
});
|
1 2 3 4 5 6 |
<h1>People</h1> <ul> {{#each peopleController}} <li>Hello, <b>{{fullName}}</b>!</li> {{/each}} </ul> |