Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/34.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
Node.js PUG-迭代时无法缩进面板主体中的项目_Node.js_Express_Pug - Fatal编程技术网

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