如何在哈巴狗中设置动态类？

Question

如何在循环中在Pug中设置动态类？ 我希望得到与下面相同的输出：

.main 
  span.player1
  span.player2
  span.player3
  span.player4

如何使用此循环实现上述代码？

.main 
 each item in [1,2,3,4]
  span.player+item

Answer 1

您可以使用传统的class属性完成此操作：

.main 
  each item in [1,2,3,4]
    span(class="player"+item)

在Pug中，执行p.some-class等同于p(class="some-class")，因为无论如何，当转换为HTML时，它就会被编译。