div id='main'
div ..content /div
div ..content /div
div ..content /div
/div
main.style {
width:"250px",height:"100px",overflow-y:"scroll"
}
///在主div内，我想使用for循环添加其他包含内容的div。如何使用pug和node.js做到这一点？
如何将html转换为哈巴狗文档？
•
问答
wangsl002 回答：如何将html转换为哈巴狗文档？
很好使用对象数组：
mixin myMixin(divArray)
each divElement in divArray
- const {className,content} = divElement
.my-class(class=`my-class_${className}`)= content
//- in your main div
- const divArray = [{className: 'name',content: 'Mark'},{className: 'date',content: 'nov 24'},{className: 'day',content: 'sunday'},{className: 'phone',content: '123 4565'}]
.container
+myMixin(divArray)
或常规数组：
mixin myMixin(divArray)
each divContent in divArray
.item= divContent
.container
+myMixin(['first','second'])
可能没有混合：
- const divArray = [{className: 'name',content: '123 4565'}]
.my-class
- let i = divArray.length - 1
while i >= 0
- const {className,content} = divArray[i--]
.(class=`my-class__${className}`)= content