Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 翡翠混入名单_Javascript_Html_Node.js_Pug - Fatal编程技术网

Javascript 翡翠混入名单

Javascript 翡翠混入名单,javascript,html,node.js,pug,Javascript,Html,Node.js,Pug,我正在尝试创建一个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&

我正在尝试创建一个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>


(使用循环)如何实现这一点?

这里有一个包含两个混合的解决方案,一个用于循环,另一个仅用于文本,您也可以在一个混合中完成

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

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

+nlist(4, "hello")

非常感谢……那个调音台很方便。我发现了一个类似的,但对很长的列表没有用处。混合按钮列表(…项目)项目a中的每个项目(href=“#”)=item+buttonlist('link1','link2','link3','link4')另一个变体。。mixin nlist(classname,n,text)ul(class='list-'+classname)数组中的每个i(n)+list(text)+nlist('simple',4,“hello”)