如何将Jade模板中的迭代输出到单行

时间:2015-08-27 09:31:02

标签: pug templating

我想迭代一个对象数组,然后在一行上显示名称和数量属性,用逗号和空格分隔。

参赛作品如下:

{
   name: 'SomeItem'
   amount: 2
},
{
   name: 'AnotherItem'
   amount: 1
},
...

我希望最终结果如下:

您的商品:
  SomeItem:1,AnotherItem:2

这是我到目前为止所做的:

h3 Your items:
    each item in items
       span.headline-item #{ item.name }: #{ item.amount }, 

基本上问题是摆脱最后一个逗号,但更一般地说,翡翠建议的方式是什么,以规避不能使用' if'排队?

1 个答案:

答案 0 :(得分:0)

解决方案是在插值中使用逻辑:

each item, index in items
    span.headline-item #{ item.amount } #{ item.name }#{ (index < items.length - 1) ? ', ' : ''}