前端模板art-template简单使用方法

1、使用 --- 引用简洁语法的引擎版本，例如： <script src="dist/template.js"></script>  
2、表达式 --- {{ 与 }} 符号包裹起来的语句则为模板的逻辑表达式。
3、输出表达式
    对内容编码输出： {{content}}  
    不编码输出： {{#content}}  
4、遍历表达式
<ul id="carList" class="list-unstyled">
　　　　<script id="carListTmp" type="text/html">
　　　　　　{{each nodes}}
　　　　　　　　<li>
　　　　　　　　　　<input type="checkbox" value="{{#$value.val}}" name="">
　　　　　　　　　　{{$value.name}}  
　　　　　　　　</li>
　　　　　　{{/each}}
　　　　</script>
　</ul>
5、模板包含表达式
<ul id="carList" class="list-unstyled">
　　<script id="carListTmp" type="text/html">
　　　　<li>
　　　　　　{{$value.name}}
　　　　　　{{include 'carListTmp2' $value.children}}
　　　　</li>
　　</script>
</ul>　　
6、条件表达式　　
<script id="carListTmp3" type="text/html">
　　<ul>
　　　　{{if $value.color === "red"}}
       <i class="fa fa-circle-o text-red"></i>
       {{else if $value.color === "green"}}
       <i class="fa fa-circle-o text-green"></i>
       {{else}}
       <i class="fa fa-circle-o text-default"></i>
       {{/if}}
　　</ul>
</script>