conditional on last item in array using handlebars.js template

前端 未结 6 2033
我在风中等你
我在风中等你 2020-12-04 15:17

I am leveraging handlebars.js for my templating engine and am looking to make a conditional segment display only if it is the last item in array contained in the templates c

6条回答
  •  庸人自扰
    2020-12-04 16:04

    I made a little improvements in helper from Matt Brennan, you can use this helper with Objects or Arrays, this solution required Underscore library:

    Handlebars.registerHelper("foreach", function(context, options) {
      options = _.clone(options);
      options.data = _.extend({}, options.hash, options.data);
    
      if (options.inverse && !_.size(context)) {
        return options.inverse(this);
      }
    
      return _.map(context, function(item, index, list) {
        var intIndex = _.indexOf(_.values(list), item);
    
        options.data.key = index;
        options.data.index = intIndex;
        options.data.isFirst = intIndex === 0;
        options.data.isLast = intIndex === _.size(list) - 1;
    
        return options.fn(item, options);
      }).join('');
    });
    

    Usage:

    {{#foreach foo}}
        
    {{@key}} - {{@index}}
    {{/foreach}}

提交回复
热议问题