如何从视图/父/子结构扩展jade布局?

时间:2013-08-05 12:23:10

标签: node.js layout express pug

我的观点结构如下

enter image description here

我想将layout.jade扩展到我的用户文件夹下的所有jade。 在用户文件夹下的文件中执行extends ../layout不起作用。没有太多关于扩展布局的文章来讨论这个问题。

Express是否允许这种扩展?

1 个答案:

答案 0 :(得分:6)

extends ../layout应该可以正常工作。以下是我构建视图的方式。尝试渲染子模板时会发生什么?您使用的是像我一样的块还是包括?

// ls
+views
  +children
    -child.jade
  -layout.jade
  -sister.jade
-app.js

// layout.jade
!!!
html
  head
    script
      console.log('hi ho');
    block head
  body
    #wrapper
      block content

// sister.jade
extends layout
block append head
  style
    h1{ text-align: center}
block append content
  h1 Hello World

// children/child.jade
extends ../layout
block append content
  h1 Hello World