关闭

handlebars自定义遍历

标签: handlebars
152人阅读 评论(0) 收藏 举报
分类:


      when we using hadlebar ,we can use registerHelper to define our own function,such as

compare a array, when it's not last then show something

      var importantNodeTpl = Templatable.compile($('#importantNodeTpl').html() || '');
   
       Templatable.registerHelper('noLast', function(tar, cur, foo) {
             console.log(tar, cur)
             if (tar.length !== cur + 1) {
                return foo.fn(this);
             } else {
               return foo.inverse(this);
             }
       });

      then in our page, we can do like this

     <script id="importantNodeTpl" type="text/plain">
         <table>
            <tr>
              {{#each content}}
                  <td class="ng-width-90" align="center">
                    <div class="nui-sort-display">{{planNodeName}}</div>
                     {{\#if 1}}
                        {{#noLast ../../content  @index}}
                          <td>
                                <hr width="30px" style="height:5px;border:none;border-top:1px ridge green;" />
                         </td>
                        {{/noLast}}
                     {{/if}}
             {{/each}}
          </tr>
       </table>
 </script>

     use {{\#if 1}}  to make it a forever true loop, and  ../../content    represent the outer if and the outer each

and fortunatly , we can use @index to represent the current loop index

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2161次
    • 积分:98
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:6篇
    • 译文:0篇
    • 评论:0条
    文章分类