我如何将我的html转换为哈巴狗文档？

Question

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做到这一点？

Answer 1

很好使用对象数组：

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'])

可能没有mixins：

- const divArray = [{className: 'name', content: 'Mark'},{className: 'date', content: 'nov 24'},{className: 'day', content: 'sunday'},{className: 'phone', content: '123 4565'}]

.my-class
  - let i = divArray.length - 1
  while i >= 0
    - const {className, content} = divArray[i--]
    .(class=`my-class__${className}`)= content