Template使用总结

最近用art-template进行前端数据绑定,之前看到了解这个前端引擎的介绍网站,里面只是笼统的介绍怎么用each进行循环以及if如何用,可是遇到以下问题。

一、如何使用if..else呢?之前我就相当然以为应该是

{{if v1}} ... {{/if}} 

{{else}}....{{/else}}

结果总是报错,查了很多资料,才知道应该是这样

{{if v1}}
 
{{else}}

{{/if}}

跟想象中不太一样啊!

二、include的使用(子模板的使用)

之前看到文档介绍可以从其他目录引入模板,也就是模板继承

结果浏览器总报错,官网的解释是浏览器版本没有文件读取的能力。这个功能仅限于nodeJS。迫于无奈,只有include引入,

但这个引入只能是在本页面

但是有个需求是展示一些特定的照片,判断有没有这种照片的src,如果没有则显示没有 该照片的提示语,想着可不可

以include出个模板,子模板里得img相当个变量接收{{include 'scoreTemplate2' $img1}} 里的值







结果发现全部都显示没有该照片无奈下改成这样(把子模板中img变量改为了img1,变成只是针对图img1的模板)





 

然后图片就出来了,可是这样的话,只能针对一张图写一个子模板,那这个模板抽出来跟没抽出来不是两样吗?

为了满足需求,我就只能改变数据格式了







 

tip:

官网文档:

https://aui.github.io/art-template/docs/index.html

 

详细的include教程

http://www.cnblogs.com/ningyanbo/p/4615186.html

 

 

 

 

你可能感兴趣的:(js)