Segment Your UI into Templates

Each user interface is composed of distinct groupings of controls, such as a menu, a table, or a form, that can be naturally separated into templates (or components, which we’ll see next). A good design step when working with Ember is to take a look at your planned user interface and draw boundaries around associated sets of controls. Once you’ve defined the control groups that can be represented by one data model, you have a template! Let’s take a look at how exactly you create one.

Creating a Template

When you create a route with Ember CLI, a template is created for you to use within that route. This template sits in the templates directory and is called myroute.hbs, where “myroute” is the name of the route ...

Get Deliver Audacious Web Apps with Ember 2 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.