Basic Ember.js example

by dgeb

HTML

<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.5.js"></script>
<script type="text/x-handlebars" >
    <p>Please enter your name:<br/>
       {{view Ember.TextField valueBinding="MyApp.guest.firstName"}}
       {{view Ember.TextField valueBinding="MyApp.guest.lastName"}}
    </p>    
    <p>Hello <strong>{{MyApp.guest.fullName}}</strong></p>
</script>

CSS

p {margin-bottom: 10px}
strong {font-weight: bold}

JavaScript

MyApp = Ember.Application.create({});
MyApp.guest = Ember.Object.create({
  firstName: '',
  lastName:  '',
    
  fullName: function() {
    return this.get('firstName') + ' ' + this.get('lastName');                       
  }.property('firstName', 'lastName')
});