如何在{{#each}}循环中的元素之间添加分隔符,除了最后一个元素之后?

克里斯·汤普森(Chris Thompson):

我有一个Handlebars模板,试图从数组中生成一个用逗号分隔的项目列表。

在我的车把模板中:

{{#each list}}
    {{name}} {{status}},
{{/each}}

我希望,不会出现在最后一项上。有没有办法在Handlebars中做到这一点,或者我需要回退到CSS选择器吗?

更新:根据克里斯托弗的建议,这就是我最终实现的目标:

var attachments = Ember.CollectionView.extend({
    content: [],
    itemViewClass: Ember.View.extend({
        templateName: 'attachments',
        tagName: 'span',
        isLastItem: function() {
            return this.getPath('parentView.content.lastObject') == this.get('content');
        }.property('parentView.content.lastObject').cacheable()
    })
}));

在我看来:

{{collection attachments}}

和项目视图:

{{content.title}} ({{content.size}}) {{#unless isLastItem}}, {{/unless}}
克里斯托弗·斯瓦西(Christopher Swasey):

您可以使用标准CSS来执行此操作:

li:after {
    content: ',';
}

li:last-of-type:after {
    content: '';
}

我更喜欢单独的规则,但是如果可读性稍差一些,则要更简洁(来自注释中的@Jay):

li:not(:last-of-type):after {
    content: ',';
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

您如何在除最后一个输入之外的每个输入之后添加span元素

如何在另一个元素之后添加一个元素?

如何在自定义Xamarin.Forms ViewCell的行之间添加分隔符?

如何在foreach循环中检测第一个和最后一个元素?

如何通过|连接一个父节点下的子元素。XSLT中的分隔符?

如何在foreach循环中定义最后一个元素?

如何在警告消息中的元素之间添加分隔符?

如何在二进制文件的不同记录之间添加分隔符?

如何跳过For Each循环语句中范围内的第一个元素?

如何在R中循环的最后一个元素之后追加到列表?

如何在python中的分隔符之后的字符串中获取倒数第二个和最后一个值

如何在for-each循环的每个元素之间添加定界符?

在R flextable中,如何在列标题之间添加分隔符

如何在for循环中从列表中选择最后一个元素?

jQuery:如何使用逗号作为.each循环的分隔符

如何从jQuery中的.each循环中获取第一个,第二个和第三个元素的值?

在for-each循环中如何基于元素值从一个分支返回元素值

如何在for-each循环中找到与xslt属性值匹配的元素

如何在jQuery的最后一个元素之后添加html标签?

如何在asp.net的数据列表之间添加分隔符?

iOS)如何在tabbarItems之间添加分隔线(==分隔符)

如何在rails .each循环中获取ruby中的密钥

如何在XSLT for-each循环中获取下一个要迭代的节点?

如何在带有列表的 for 循环中使用 .each()?

如何使用 foreach 循环在列表中的短语之间添加分隔符?

如何在while循环中的最后一个数字之后删除尾随逗号

如何在C中的循环中包含最后一个元素?

如何在 .each 循环中删除单个通讯注册

如何在特定分隔符的第一个实例之后删除所有内容,然后在使用正则表达式的特定分隔符的最后一个实例之前删除所有内容?- SQL