美文网首页
template模板引擎的使用

template模板引擎的使用

作者: 旧游旧游 | 来源:发表于2017-08-05 16:29 被阅读0次

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}}

使用示例如下:

相关文章

网友评论

      本文标题:template模板引擎的使用

      本文链接:https://www.haomeiwen.com/subject/cofwlxtx.html