handlebars自定义遍历

原创 2016年05月30日 16:40:07


      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

Ember.js 入门指南——handlebars遍历标签

这一篇将为你介绍遍历标签,数组的遍历几乎在任何的常用的开发语言中都能看到,也是使用非常广泛的一个功能。下面我将为大家介绍handlebars的遍历标签,其使用方式与EL表达式几乎是一样的。...
  • CHEN_DE_QUAN
  • CHEN_DE_QUAN
  • 2015年09月16日 00:32
  • 654

Handlebars 小技巧

1.注册遍历数组显示索引方法 注册: Handlebars.registerHelper('addKey',function(index){ return index + 1; ...
  • vuturn
  • vuturn
  • 2016年04月28日 09:55
  • 2383

Handlebars模板引擎中的each嵌套及源码浅读

Handlebars模板引擎作为时下最流行的模板引擎之一,已然在开发中为我们提供了无数便利。作为一款无语义的模板引擎,Handlebars只提供极少的helper函数,还原模板引擎的本身,也许这正是他...
  • cengjingcanghai123
  • cengjingcanghai123
  • 2015年07月14日 11:55
  • 3045

Handlebars 自定义数据格式化、数据运算

第一步: 引用 插件 handlebars.min.js 第二步: 定义模版 {{computeAdd udf1 udf2 udf3 udf4}} ...
  • dailuwen
  • dailuwen
  • 2017年04月10日 16:10
  • 1937

handlebars-----each循环使用方法

1 DOCTYPE html> 2 html> 3 head> 4 META http-equiv=Content-Type content="text/html; charset=...
  • whh_lydia
  • whh_lydia
  • 2015年08月31日 15:33
  • 1747

handlebars-----each循环嵌套中使用索引

1 DOCTYPE html> 2 html> 3 head> 4 META http-equiv=Content-Type content="text/html; charset=...
  • whh_lydia
  • whh_lydia
  • 2015年08月31日 16:46
  • 4287

Handlebar之each循环使用

each-基本循环使用方法 - by Bruce each-基本循环使用方法 each嵌套 ...
  • u013059555
  • u013059555
  • 2015年06月19日 14:40
  • 2049

js模版引擎handlebars.js

原文链接:http://caibaojian.com/handlebars-js.html 还没有学习过javascript模板引擎的知识,主要应用类似于将结构和行为分离出来的作用,让html和Ja...
  • nature_fly088
  • nature_fly088
  • 2016年11月07日 16:02
  • 283

Node+express+handlebars最简单例子

新手最需要就是个实例。在网上找了许多,贴代码又不写明是哪个文件,讲一大堆不知道在说什么。下面是一个最简单的实例,就三个文件,HTML模板文件,json数据,和 express2.js文件。下载后,安...
  • wocaonima332
  • wocaonima332
  • 2016年08月23日 09:57
  • 620

handlebars获取json数据(Map对象(与集合处理一样))

handlebars获取json数据(Map对象(与集合处理一样))
  • cheyunmei
  • cheyunmei
  • 2017年09月28日 19:54
  • 211
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:handlebars自定义遍历
举报原因:
原因补充:

(最多只允许输入30个字)