学习art-template的自我总结

由于以前的模板插件和现在公司的开发模式使用上面有冲突，所以尝试了一下心得插件art-template，下面是使用的一些心得（网上教程都有，用自己的话总结一番）：

 

1. 基本使用

写一个script标签  各个id ,  type设置为”text/html”。

模板内容就写在这个script标签内，变量用{{}}包裹

最后将数据和模板绑定:

Template(“template_id”, data)  

template_id对应模板标签  data对应绑定模板的数据

 

2. 不编码输出

{{#data.html}} 

最后通常会被作为字符串编码输出，如果不需要编码输出就加一个#号，比如希望输出的是一段html代码就可以加#

 

3. 判断语句

基本格式为：

{{if data.id == 1}}

../data.id==1的时候渲染这里

{{else if data.id == 2}}

../data.id==2的时候渲染这里

{{else}}

../都不满足渲染这里

{{/if}}

 

4. 循环语句

基本格式为：

{{each dataList}}  dataList表示数组

../这里写循环的模板，$index代表索引编号，从0开始  $value代表每次循环的数据

{{/each}}

上面的是简写，也可以这样写:

{{each dataList as item index}}

../item对应数据  Index对应索引

{{/each}}

 

 

5. 子模板

基本格式：

{{include ‘template_id’ data}} 

template_id代表子模板对应的id data代表子模板的数据（可以不写），如果需要用到父模板的数据可以通过这个地方传到子模板使用

 

6. 过滤器

有的数据希望经过一个函数的处理后再绑定可以通过过滤器处理

定义过滤器:

Template.defaults.imports.filterName = function(data) {

../处理过程

Return data // 返回新的数据

}

使用过滤器（在模板里面写）:

{{data | filterName}}

如果要多层过滤：

{{data | filterName_1 | filterName_2}}

这里是管道模式

 

我使用过程中感觉比较实用的就是这些了，其他功能等需要的时候再说吧。。。。。