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

来源:互联网 发布:淘宝导航怎么装修代码 编辑:程序博客网 时间:2024/05/15 23:50

原文: 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
原创粉丝点击