用于列表的 Jade Mixin

Question

我正在尝试创建一个 jade mixin，我可以在其中输入列表中的项目数。

示例，

mixin list(n, text)
    .list
        a(href="#") #{text}
        a(href="#") #{text}
        .....n times

如果我这样调用 mixin

+list(4, 'hello')

输出的 html 应该类似于：

<div class="list">
    <a href="#">hello</a>
    <a href="#">hello</a>
    <a href="#">hello</a>
    <a href="#">hello</a>  
</div>

我怎样才能做到这一点（使用循环）？

Answer 1

这里有两个 mixin 的解决方案，一个用于循环，另一个仅用于文本，您也可以在一个 mixin 中完成。

mixin nlist(n, text)
  each i in Array(n)
    +list(text)

mixin list(text)
  a(href="#") #{text}

+nlist(4, "hello")