Text field

Problem

You need to create a two way data binding for a text field

Solution

Use Ember.TextField class either directly, or by subclassing

App.burger = Em.Object.create({
  name: null
});

{{view Ember.TextField valueBinding="App.burger.name"}}
<label>value of {{App.burger.name}}</label>

Here’s a JSFiddle

Subclassing

You can also subclass your own view from Ember.TextField

App.BurgerView = Em.TextField.extend({});

App.burger = Em.Object.create({
  name: null // it is always a good practice to initialize attributes with null
});

<label>
  Name your burger:
  {{view App.BurgerView valueBinding="App.burger.name"}}
</label>

<div>and his name is: "{{App.burger.name}}"</div>

Here’s a JSFiddle