模板引擎是一个重要的知识点,引以为戒!!!
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>