Twitter bootstrap 3 使用Jade动态填充引导carousel。关于迭代的几个问题

我正在尝试使用jade创建一个boostrap旋转木马，以动态地遍历对象列表并在旋转木马中显示它们

• 我的第一个问题显然是这是否可能
• 其次，我该如何着手完成它

下面是我的一段代码，我试图生成一个列表，其中包含我的旋转木马的数据幻灯片到元素：

10 - var n = 0
11   while n < newsarticles.length
12       if n == 0
13           li.active(data-target="#header-carousel",data-slide-to="n++")  
14       else
15          li(data-target="#header-carousel",data-slide-to="n++")

如有任何建议，将不胜感激。提前感谢您的时间，如果我能提供更多有用的信息，请告诉我

下面是我的动态旋转木马代码的完整工作示例：

    extends layout

    block content
        div.container
            #header-carousel.carousel.slide(data-ride="carousel",data-interval="4000")
                ol.carousel-indicators
                    -var n = 0
                        while n < newsarticles.length
                            if n == 0
                                li.active(data-target="#header-carousel",data-slide-to=n)
                                - n++   
                            else
                                li(data-target="#header-carousel",data-slide-to=n)
                                - n++
                .carousel-inner
                    -var i = 0
                    - for newsarticle in newsarticles
                        if i == 0
                            .item.active
                                img(src='#{newsarticle.imgurl}')
                                .carousel-caption #{newsarticle.articletitle}
                            -i++
                        else
                            .item
                                img(src='#{newsarticle.imgurl}')
                                .carousel-caption #{newsarticle.articletitle}
                            -i++

                a.left.carousel-control(href="#header-carousel", data-slide="prev")
                    span.icon-prev
                a.right.carousel-control(href="#header-carousel", data-slide="next")
                    span.icon-next

---

我想问题应该是引号中的字符串

n++

增量值

---

我想您可以为它使用一个变量，然后将其分配给数据属性

嘿，我已经找到了一个可行的解决方案。谢谢大家的关注。我实现我想要做的事情的方法是使用@Jai的建议以及我自己的一些外部想法。问题显然是围绕着n++的“”，但它也试图将数据幻灯片中的变量n增加到元素中。如果删除它周围的引号，然后分别增加变量n，它将正常工作。下面是代码的工作版本。此外，如果这不是最佳的行业实践，并且有更好的方法来实现这一点，我愿意接受更多的解决方案

    -var n = 0
            while n < newsarticles.length
                if n == 0
                    li.active(data-target="#header-carousel",data-slide-to=n)
                        - n++   
                else
                    li(data-target="#header-carousel",data-slide-to=n)
                        - n++

-var n=0
而n

我同意。我也尝试过使用data slide to=n++而不加引号，我收到了完全相同的消息。@zzrot好的，等等，我会让你知道这个问题的解决方案。ty@Jai我也会继续寻找。如果我得到解决方案，我会不断更新你的信息。嘿@Jai，你说的部分是正确的。我已经将我的运行代码和解释发布到这里。谢谢你的帮助。

    newsarticle = 
    {  
      articletitle: String,
      bodytext: String,
      editedon: { type: Date, default: Date.now },
      imgurl: String
    });

    -var n = 0
            while n < newsarticles.length
                if n == 0
                    li.active(data-target="#header-carousel",data-slide-to=n)
                        - n++   
                else
                    li(data-target="#header-carousel",data-slide-to=n)
                        - n++