Templates

Ember utilise handlebars pour la partie templates.

Hamdlebars utilise comme beaucoup d'autres moteurs de templates les doubles accolades {{}} pour faire appel aux expressions.

Hello, <strong>{{firstName}} {{lastName}}</strong>!

Cette utilisation suppose que les propriétés firstName et lastName aient été définies dans le contrôleur associé :

import Controller from '@ember/controller';

export default Controller.extend({
  firstName: 'Trek',
  lastName: 'Glowacki'
});

Les blocks expressions commencent par {# et se terminent par /}

<ul>
  {{#each people as |person|}}
    <li>Hello, {{person.name}}!</li>
  {{/each}}
</ul>