zoukankan      html  css  js  c++  java
  • 使用模板引擎时遇到的一个问题

    模板引擎是一个重要的知识点,引以为戒!!!

    1     <!-- 1. 创建左侧分类模板 id通常后面跟上一个Tmp-->
    2     <script type="text/html" id="categoryLeftTmp">
    3         <!-- as value i 可以省略  如果省略要获取循环的值 $value 如果不省略 使用as 后面的名称 作为获取循环的值 -->
    4         {{each rows as value i}}
    5         <li class="" data-id="{{value.id}}">{{value.categoryName}}</li>
    6         {{/each}}
    7     </script>

    上面是正确的版本 

    (注意!!!)特别注意这句话的理解,因为我在这里犯了一个错误:

     as value i 可以省略 如果省略要获取循环的值 $value 如果不省略 使用as 后面的名称 作为获取循环的值

    下方式错误的版本

    1     <script type="text/html"id="categoryLeftTmp">
    2         {{each rows}}
    3         <li class="active" data-id="{{value.categoryName}}">{{value.categoryName}}</li>
    4         {{/each}}
    5     </script>

     模板引擎的用法如下:

    链接自:https://www.awesomes.cn/repo/aui/arttemplate

    条件判断语法:

    栗子:

     1     <script type="text/html" id="categoryRightTmp">
     2         {{if rows.length!==0}} {{each rows as value i}}
     3         <div class="mui-col-xs-4">
     4             <a href="javascript:void(0)">
     5                 <img src="{{value.brandLogo}}" alt="">
     6                 <p>{{value.brandName}}</p>
     7             </a>
     8         </div>
     9         {{/each}} 
    10         {{else}}
    11         <p style="text-align:center;color:#000;">这里没有数据哦</p>
    12         {{/if}}
    13     </script>
  • 相关阅读:
    cf 785#
    hdu 4920 Matrix multiplication
    poj 2443 Set Operation
    bzoj 3687: 简单题
    洛谷 三月月赛 C
    洛谷 三月月赛 B
    洛谷 三月月赛 A
    bzoj 3156: 防御准备
    bzoj 3437: 小P的牧场
    bzoj 3675: [Apio2014]序列分割
  • 原文地址:https://www.cnblogs.com/DZzzz/p/8604984.html
Copyright © 2011-2022 走看看