正确使用设置变量(for循环的i)作为Jade中的类选择器

时间:2014-04-22 12:15:18

标签: pug

我正在尝试制作一个有序列表,其中每个项目都有一个类作为其各自的序数

<ol>
  <li class="1">1</li>
  <li class="2">2</li>
  <li class="3">3</li>
  ...
</ol>

在Jade中使用for循环

ol
    - for(var i= 1; i<=8; i++){
    li(class='!{i}') !{i}
    - }

然而它无效

这里需要纠正什么?

1 个答案:

答案 0 :(得分:1)

字符串插值语法为#{variable},而不是!{variable}

li(class='#{i}') !{i}
// or simply
li(class=i) !{i}

此外,当您使用!{i} vs #{i}作为li的内容时,前者会将HTML实体转义,而后者则不会。