template 语法整理:
1.编写模板,渲染模板:
js定义:
<script id="tpl" type="text/html">
<ul>
<%for(var i = 0; i < list.length; i++) {%>
<li><%:=list[i].name%></li>
<%}%>
</ul>
</script>
逻辑使用:
var tpl = document.getElementById('tpl').innerHTML;
template(tpl, {list: [{name: "yan"},{name: "haijing"}]});
显示结果:
<ul>
<li>yan</li>
<li>haijing</li>
</ul>
条件表达式:
{{if value}} … {{/if}}
{{if v1}} … {{else if v2}} … {{/if}}
{{if admin}}
<p>admin</p>
{{else if code > 0}}
<p>master</p>
{{else}}
<p>error!</p>
{{/if}
字符串包含语法:
{{if value.indexOf('text') >=0 }}
…
{{/if}}
循环:
{{each list as value index}}
<li>{{index}} - {{value.user}}</li>
{{/each}}
简写:
{{each list}}
<li>{{$index}} - {{$value.user}}</li>
{{/each}}
在模板中运用三元运算符:
<b class="fl {{v.MatchWin==1?'win':''}}">{{v.ScoreA}}</b>
标准语法:
{{value}}
{{data.key}}
{{data[‘key’]}}
{{a ? b : c}}
{{a || b}}
{{a + b}}