【无标题】

art-template标准语法：

提示：标准语法{{}}

---

学习内容：

提示：这里可以添加要学的内容

例如：

1. 原文输出
2. 条件输出
3. 循环输出
4. 过滤器

---

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语法循环数组，当前循环的索引使用$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}}

    过滤器语法类似管道操作符，他的上一个输出作为下一个输入
    |管道符
    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>

提示：这里统计学习计划的总量