[Ember] Ember.js Templates

In this lesson, we'll go over some of the basics of Ember.js templates and how they work with controllers.

Generate a controller:

ember g controller hello

Generate a Template:

ember g template application

Template syntax:

application.hbs:

{{#if showName}}

    <h2>Hello {{name}}</h2>

{{else if}}

    <h2>Hello World</h2>

{{/if}}

{{#unless showAge}}

    <h2>Hello {{name}}, 23</h2>

{{else if}}

    <h2>Hello Ember!</h2>

{{/unless}}

application.js:

import Ember from 'ember';

export default Ember.Controller.extend({

  name: "Ember",

  showName: true,

  showAge: false

});

Github

巴特西

[Ember] Ember.js Templates

最新文章

热门文章