node.js - 如何使用 Jade 模板将 block append 到父级

标签 node.js inheritance include append pug

我正在尝试使用 Jade 模板创建模块化布局。我想将一个脚本 block 从一个 child append 到它的 parent parent 中。我不太确定这是否可能。

这是我的结构

layout.jade

头 Jade

index.jade

users.jade

layout.jade: 文档类型 html#html 包括头部

    body
        block content

head.jade:

head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
    block scripts

index.jade:

extends layout

block content
    h1 Hello

    include users

users.jade

block append scripts
    script(src='/javascripts/user.js')  

ul
    each user, i in users
        li(class=i+"-"+user) #{user} 

我想要的 html 输出应该是:

<!DOCTYPE html>
<html id="html">
    <head>
        <title>Index</title>
        <link href="/stylesheets/style.css" rel="stylesheet">
        <script src="/javascripts/user.js">  <!--// append this from user.jade into head.jade //-->
    </head>
    <body>

        <h1>Hello bob</h1>
        <li class="0-user1">user1</li>

最佳答案

这应该是可以的,还有examples in the jade documentation正是这样做的。你的代码看起来都很好,除了你需要在 users.jade 中缩进你的 script 标签,所以它在 block append script 指令下面缩进。

关于node.js - 如何使用 Jade 模板将 block append 到父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13551387/

相关文章:

swift - 如何在我的 swift playground 中包含包含数字表的文件

php - SQL表创建期间包含文件

c++ - ostream 运算符重载 - 继承

php - 我的页面在 IE 中被推到最左边,但在 Chrome、Firefox 和 Safari 中看起来很好。在我使用 include 之前我没有遇到这个问题

node.js - 具有多对多关系的 Sequelize 中的种子数据

javascript - 处理返回的 Promise 中的异常

javascript - 原型(prototype)继承和实例数组的问题

ruby - 如何在 Ruby 中调用特定祖先类的方法?

css - 通过 Node 构建工具删除动态站点中未使用的 CSS

javascript - 极简主义中只允许一根字符串?