Jade - 每个...in 函数中的 id 和变量

Question

我想在 Jade 文件中使用each...in 函数

但是当我使用#{...}设置变量时，我不能在div中设置id。

玉：

sidebars = ['home', 'club', 'bond']
each sidebar in sidebars
    div.side_bar_category#side_bar_#{sidebar} #{sidebar}

结果出来了：

<div id="side_bar_" class="side_bar_category"></div><home> home</home>
<div id="side_bar_" class="side_bar_category"></div><club> club</club>
<div id="side_bar_" class="side_bar_category"></div><bond> bond</bond>

我希望它变成：

<div id="side_bar_home" class="side_bar_category">home</div>
<div id="side_bar_club" class="side_bar_category">club</div>
<div id="side_bar_bond" class="side_bar_category">bond</div>

我该如何解决？

Answer 1

答案是将你的 id 属性放在括号内，这样你就可以将属性与你的变量连接起来

  sidebars = ['home', 'club', 'bond']
  each sidebar in sidebars
    div.side_bar_category(id='side_bar_'+ sidebar) #{sidebar}