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 指南——番外篇,路由、模板的执行、渲染顺序》已经介绍过相关的内容。

 


转载于:https://my.oschina.net/ubuntuvim/blog/511047

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值