handlebars自定义遍历



      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

阅读更多
文章标签: handlebars
个人分类: 前端
上一篇用Maven创建第一个web项目(1)
下一篇http conentType file separator
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭