使用模板引擎时遇到的一个问题-CSDN博客

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

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>