首页 > 代码库 > [Ember] Ember.js Templates

[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