template模板引擎的使用

1）模板引擎的引入

<script src="template.js"></script>

2)模板的书写：

<script type="text/html" id="product-template"></script>

将模板写在此script标签中，通过id将模板与js连接

3)表达式

使用{{ }}符号包裹起来的语句则为模板的逻辑表达式。

4）输出表达式

{{content}}  忽略html

{{#content}}   将内容解析成html

5）条件表达式

{{if   admin}}

    <p>   admin   </p>

{{else if  code > 0}}

     <p>master  </p>

{{else}}

    <p>error!  </p>

{{/if}}

5)遍历表达式

{{each list as value i}}

  <li> {{value.user}}  </li>

{{/each}}

使用示例如下：