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")