Node.js PUG-迭代时无法缩进面板主体中的项目
我正在尝试为包含元素的一组项目创建一个面板: 样本数据:Node.js PUG-迭代时无法缩进面板主体中的项目,node.js,express,pug,Node.js,Express,Pug,我正在尝试为包含元素的一组项目创建一个面板: 样本数据: mid | mdescription | mgdescription -----+-------------------------+---------------- 18 | Goods Issued Notes | Stores 15 | In Stock Items | Stores 17 | Import from Excel | Stores 2 | Owned
mid | mdescription | mgdescription
-----+-------------------------+----------------
18 | Goods Issued Notes | Stores
15 | In Stock Items | Stores
17 | Import from Excel | Stores
2 | Owned Equipment | Equipment
9 | Equipment Models | Equipment
3 | Menu Items Setup | System Setup
11 | Menu Groups | System Setup
1 | Users Setup | System Setup
16 | Maintenance Summaries | Workshop
12 | Maintenance Requests | Workshop
基本上,我需要一个面板,将mgdescription显示为标题,然后在面板主体中插入相对的MDDescription
帕格模板:
- var oldmenu = "";
div.row
each p in menu
- if ( p.mgdescription != oldmenu )
div.panel.panel-default
div.panel-heading
span.bold.underline Menu Group: #{p.mgdescription}
div.panel-body
input.perms(type="checkbox" id="menu_" + p.mid)
label(for="menu_" + p.mid) #{p.mdescription}
- oldmenu = p.mgdescription;
- else
input.perms(type="checkbox" id="menu_" + p.mid)
label(for="menu_" + p.mid) #{p.mdescription}
面板创建正确,标题是否正确。第一个MDDescription是面板的一部分。问题出在面板主体外的其他MDDescriptions。我试过缩进,但似乎不起作用。对此我有什么解决方案?通过使用mixin解决了这个问题:
mixin permline(mid, description)
div.col-md-3.text-left
input.perms(type="checkbox" name="menu_" + mid id="menu_" + mid)
label(for="menu_" + mid) #{description}
each p in menu
- if ( p.mgdescription != oldmenu )
- oldmenu = p.mgdescription;
div.panel.panel-info
div.panel-heading
span.underline #{p.mgdescription}
div.panel-body
div.row
each i in menu
- if ( i.mgdescription == p.mgdescription )
+permline(i.mid, i.mdescription)
您是否可以发布面板当前外观的图片?是否尝试将同一
mgdescription
下的所有mddescription
一起发布?如自有设备
和设备型号
在同一设备
标题下?是。实际上是用混音器把它整理出来的。我应该自己回答这个问题吗?是的,@FabrizioMazzoni