Node.js Jade模板包括带块的子模板
我有以下文件结构:Node.js Jade模板包括带块的子模板,node.js,angularjs,express,pug,template-engine,Node.js,Angularjs,Express,Pug,Template Engine,我有以下文件结构: views | |-index.jade |-layout.jade |-partials |-projects.jade |-tasks.jade Layout定义一个名为content的块,index使用该块定义正文。 杰德 !!! html head meta(charset='utf8') body(ng-app="myapp") block content 翡翠索引 extends layout block conte
views
|
|-index.jade
|-layout.jade
|-partials
|-projects.jade
|-tasks.jade
Layout定义一个名为content的块,index使用该块定义正文。
杰德
!!!
html
head
meta(charset='utf8')
body(ng-app="myapp")
block content
翡翠索引
extends layout
block content
..
div(class='col-md-4 border projectOverview')
block projects //embedding childs template
div(class='col-md-8 border projectOverview')
block tasks //embedding child template
partials/projects.jade
extends ../index
block projects
p There are {{projects.length}} projects
但是,当我在cmd(jade-p views/index.jade
)上使用jade编译器测试所有内容时,没有包含任何内容。正如我在另一篇文章中读到的那样,我尝试了使用include
而不是block
。成功了。但我希望这2个(项目和任务)模板始终显示在index.jade/html中。它们将从angular更新
编译为html后的输出如下所示:
...
<div ng-view class="row">
<div class="col-md-4 border projectOverview">
</div>
<div class="col-md-8 border projectOverview">
</div>
</div>
...
。。。
...
我不知道如何运行它,或者include是否是更好的方法?我不明白,编译的projects.html应该包含项目和任务。你为什么要检查index.html呢?哦,谢谢你给我指明了正确的方向,我原以为任务和项目会被编译成index.html,但事实恰恰相反。有了include,我得到了我所期望的行为。