jade

Question

我想在玉中使用循环。我已经指出了下面的代码中出现问题的位置。 问题是我希望类名是“thumb-unit-1”，“thumb-unit-2”等等。 但是我在编译后得到了类名“thumb-unit - ＃{i + 1}”。 我正在使用sublime text 3.而对于编译器我使用的是prepros。

-var work = ["Typo International Design Talks", "city-in website concept", "crispy icons", "flat mobile ui/ux concept", "fresh it up", "timeline page", "weather dashboard", "stripes & co"]

-for (var i=0; i<8; i++){
    a(href="",class="thumb-unit-#{i+1}") //problem here
        div(class="thumb-overlay")
            strong #{work[i]}
-}

Answer 1

我得到了解决方案。

-var work = ["Typo International Design Talks", "city-in website concept", "crispy icons", "flat mobile ui/ux concept", "fresh it up", "timeline page", "weather dashboard", "stripes & co"]

-for (var i=0; i<8; i++){
    a(href="",class="thumb-unit-"+[i+1]) //solution here
        div(class="thumb-overlay")
            strong #{work[i]}
-}