arttemplate基础语法介绍

artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现

废话不多说,上代码

1、if  else 用法

如果参数param为对象,和js判空一样。如果是集合。{{if param && param.length>0}}

{{if param}}
   XXXXXXXXXXXX
{{else}}
   XXXXXXXXXXXX
{{/if}}

2、集合循环each

list:为集合数据;obj为集合的对象;index为下标

例如:[{"name":"wwz","age":"20"}]

{{each list obj index}}
 {{obj.name}}---{{obj.age}}
{{/each}}

打印出来就是"wwz"----"20"

3、调用过滤器

定义过滤器

<script type="text/javascript" >
//过滤器
template.defaults.imports.split=function (key,sub) {
    if(key){
        return  key.split(",");
    }
}

</script>

在模板上可以直接调用

{{each split('1,2,3,4') item}}
    {{item}}
{{/each}}

也可以这样用

{{each '1,2,3,4'|split item}}
   {{item}}
{{/each}}

4、逻辑运算符

|| 或者 (两者满足任何一个都为true)

&&并且(两者必须同时满足才为true)

其他运算符和js用法一样。只要你会用js,这个语法稍微看下。你就可以上手了。

毕竟他是js的框架引擎。肯定依据js语法-

今天就说到这里。如果遇到问题可以随时问我。在学习的路上慢慢探索才是最大的进步。加油!!!

发布了71 篇原创文章 · 获赞 22 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/saygood999/article/details/104914145