Ember.js 入門指南——模板渲染

路由的另外一個重要職責是渲染同名字的模板。

       好比下面的路由設置，posts路由渲染模板posts.hbs，路由new渲染模板posts/new.hbs。

Router.map(function() {
     this.route('posts', function() {
     this.route('new');
  });
});

每個模板都會渲染到父模板的{{outlet}}上。好比上面的路由設置模板posts.hbs會渲染到模板application.hbs的{{outlet}}上。application.hbs是全部自定義模板的父模板。模板posts/new.hbs會渲染到模板posts.hbs的{{outlet}}上。

 

       若是你想渲染到另一個模板上也是容許的，可是要在路由中重寫renderTemplate回調。

//  app/routes/posts.js
 
import Ember from 'ember';
 
export default Ember.Route.extend({
       //  渲染到favorites模板上
       renderTemplate: function() {
           this.render('favorites');
       }
});

    模板的渲染這個知識點比較簡單，內容也不多，在前面的《Ember.js 入門指南——番外篇，路由、模板的執行、渲染順序》已經介紹過相關的內容。