玉模板引擎 - 每个迭代偏移

Ste*_*son 10 foreach template-engine node.js express pug

有没有办法在使用Jade模板引擎时抵消'each'迭代?

例如,在传入名为list的对象时:

ul
   each item in list
      li #{item}
Run Code Online (Sandbox Code Playgroud)

会输出

<ul>
   <li> Item 1 </li>
   <li> item 2 </li>
   <li> item 3.....
...
</ul>
Run Code Online (Sandbox Code Playgroud)

但是我希望第一个项目的显示方式与其他项目不同,如下所示:

<ul>
   <li> Item 1: First Item in list! </li>
   <li> item 2 </li>
   <li> item 3.....
...
</ul>
Run Code Online (Sandbox Code Playgroud)

那么有没有人知道一种方法来抵消Jade中的'each'语句,这样我就可以分别渲染第一个项目,然后从第二个索引开始渲染每个后续项目?

Jon*_*Ong 21

each item, i in list
  li= item
  if i === 1
    | : First item in list!
Run Code Online (Sandbox Code Playgroud)

  • 谢谢!我最终使用if - else以不同的方式显示第一个项目(我使用的是partials,而不是我给出的确切示例).另外,我不得不让i === 0来获得第一项.非常感谢! (2认同)