如何添加块使用玉模板父
我试图用玉模板创build一个模块化的布局。 我想从一个孩子的脚本块添加到它的父母父母。 我不太确定它是否可能。
这是我的结构
layout.jade
head.jade
index.jade
users.jade
layout.jade:doctype 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>
这应该是可能的, 玉文档中有这样的例子 。 你的代码看起来都很好,除非你需要在你的script
标签中缩进users.jade
所以它在block append script
指令的下面缩进。
我试图用相同的方法来定义一个选项卡控件。 我将这些页面定义在不同的玉石文件中。 每个翡翠文件附加一个块,其中包含所包含的标签页。 它也没有工作,直到我附加的东西到我的'index.jade'块如下:
extends layout append scripts //- dummy block content h1 Hello include users
不过,我也想补充说,因为我添加了多个.jade文件,我在下面运行。 每个包含jade-template使用块的文件附加添加一个标签页,但是添加页面的顺序是相反的。