Question

我在jade模板上的extends上遇到了问题。我正在构建简单的待办事项列表Web应用程序，并有两个玉文件，layout.jade和login.jade。

//layout.jade
doctype html
html
  head
    meta(charset='utf-8')
  body
    h1 Welcomt to Todo list
    block content

//login.jade
extends ./layout.jade

block content
form(action='form_receiver' method='post')
  p
    input(type='text' name='name')
  p
    textarea(name='description')
  p
    input(type='submit' name='submission')

我使用includes代替阻止，然后它适用于我，但如果我使用extends和block contents，则无法使用。我在这里错过了什么吗？

提前致谢！

Answer 1

当你从layout.jade扩展时，你必须在layout.jade的扩展中声明内容。您可以通过定义block content并在login.jade中包含block content来正确执行此操作。但是，Jade是建立在缩进的基础上的。您的表单不在块内容中，因此没有显示任何内容。只需缩进表单即可。

block content
  form(action='form_receiver' method='post')
    p
      input(type='text' name='name')
    p
      textarea(name='description')
    p
      input(type='submit' name='submission')

玉延伸不起作用

1 个答案: