使用模板引擎时遇到的一个问题

 

 

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

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>

 

posted @ 2018-03-19 21:29  Fanyee  阅读(248)  评论(0编辑  收藏  举报