Meteor: 关于Template实例(instance)和数据(data)

原文: http://www.cnblogs.com/zhaoyao91/p/4535928.html


实例

按面向对象编程语言的说法,我们编写Template(html、helpers、events、lifecycle)时,相当于编写了一个类,而渲染
Template的时候,则创建了一个它的实例。

我们可以在这个实例上添加变量,并在合适的地方引用它。

那么,如何访问这个实例?

  • 在lifecycle中(onCreated、onRendered、onDestroyed),可以通过this来访问
  • 在helpers、events中,可以通过Template.instance()来访问
  • 在events中,可以通过handler的第二个参数来访问,如’click button’: function(event, instance)

只要我们能访问到模版实例,就可以在上面添加变量,获取变量。

(注意:模板实例上的变量是无法直接渲染的,{{}}语法只能渲染helper和data)

数据

模板实例上有一个特殊的变量,叫data,这是这个模版的数据的环境,通常是外部传入的,可以直接渲染。这里说一说如何传入data和如何访问data。要注意和模版实例上的变量的区别。

首先要明确一点,这个data一定是一个object,我们通常不直接渲染data对象,而是渲染data中的变量。

那么,如何访问data?

  • 如果能获取到模版实例,则实例中的变量data即为此,如Template.instance().data
  • 在helpers和events中,this即为此(注意区别,在lifecycle中,this是模版实例)

最后,如何传递data呢?

  • 如果使用iron:router,可以通过指定data项来传入data
  • 在html中引用模板时,使用{{#with [data]}}标签来传递一整个data对象给模版
  • 在html中引用模版时,添加参数key=value的形式,传递一个data变量给模版,如{{> myTemplate dataKey=dataValue}},
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值