Defining a View Edit Page


You can use Ember.View to render a Handlebars template and insert it into the DOM.

To tell the view which template to use, set its templateName property. For example if your project contains this template:

app/templates/say-hello.hbs
1
Hello, <b>{{view.name}}</b>

I would set the templateName property to "say-hello".

app/views/some-view.js
1
2
3
4
var view = Ember.View.create({
  templateName: 'say-hello',
  name: "Bob"
});

Note: For the remainder of the guide, the templateName property will be omitted from most examples. You can assume that if we show a code sample that includes an Ember.View and a Handlebars template, the view has been configured to display that template via the templateName property.

You can append views to the document by calling appendTo:

1
view.appendTo('#container');

As a shorthand, you can append a view to the document body by calling append:

1
view.append();

To remove a view from the document, call remove:

1
view.remove();