art-template标准语法:
提示:标准语法{{}}
学习内容:
提示:这里可以添加要学的内容
例如:
- 原文输出
- 条件输出
- 循环输出
- 过滤器
1.原文输出:
提示:需要准备的数据
// 需要渲染的事test
var data={test:'<h3>测试原文输出</h3>'}
标准语法–原文输出{{@ test}}
如果想输出的data值中,包含htm标签结构,使用原文输出,才能被渲染
在script中渲染包含html标签的标准语法
<script type="text/html" id="tp1-user">
{{@ test}}
</script >
2.条件输出:
标准语法—条件输出
可以在{{}}中使用if…else if … /if 的方式 ,进行按需输出
if 代表开始 /if 代表结束
else if 其他条件
{{if value}} 按需要输出的内容{{/if}}
{{if v1}} 按需输出的内容 {{else if v2}} 按需要输出的内容 {{/if}}
下面展示一些 内联代码片
。
<div>
{{if flag1===0}}
flag1的值是0
{{/if}}
<br>
{{if flag2===0}}
flag1的值是0
{{else id flag2===1}}
flag1的值1
{{/if}}
</div>
3.循环输出:
标准语法—循环输出
通过each语法循环数组,当前循环的索引使用
i
n
d
e
x
进行访问当前的循环项使用
index 进行访问 当前的循环项使用
index进行访问当前的循环项使用value 进行访问
{{each arr}}
{{$index}}{{ $value}}
{{/each}}
提示:需要准备的数据
// 需要渲染的hobby
var data={hobby:['eat','sleep','write the code']}
{{each hobby}}
<li>循环索引{{$index}}:{{$value}}</li>
{{/each}}
例如:
- 周六上午 9 点-上午 11 点
- 周日下午 3 点-下午 6 点
4.过滤器:
标准语法—过滤器
过滤器语法类似管道操作符,他的上一个输出作为下一个输入
|管道符
value值
filerName 过滤函数
定义过滤器的基本语法:
template.defaults.imports.filerName=function(value){/*return 处理的结果*/}
template.defaults.imports.filerName=function(value){
var y=date.getfullyear()
var m=date.getmonth()+1
var d=date.getdate()
//过滤器一定要用return返回一个值
return y+'-'+m+'-'+d
}
下面展示一些 内联代码片
。
// 定义过滤器
template.defaults.imports.dateFormat=function(date){
var y=date.getFullYear()
var m=date.getMonth()+1
var d=date.getDate()
return y+'-'+ m +'-'+ d
}
//调用过滤器
<h3>{{regTime}}</h3>
//区别
<h3>{{regTime | dateFormat}}</h3>
提示:这里统计学习计划的总量