Meteor: 关于Template实例(instance)和数据(data)
实例
按面向对象编程语言的说法,我们编写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}},