我有以下文件结构:
views
|
|-index.jade
|-layout.jade
|-partials
|-projects.jade
|-tasks.jade
布局定义了一个称为内容的块,索引使用它来定义正文。布局.jade
!!!
html
head
meta(charset='utf8')
body(ng-app="myapp")
block content
索引.jade
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
部分/项目.jade
extends ../index
block projects
p There are {{projects.length}} projects
但是当我在 cmd ( ) 上使用翡翠编译器测试整个东西时,jade -P views/index.jade
什么都没有包含。正如我在另一篇文章中所读到的,我尝试使用include
而不是。block
那行得通。但我希望这 2 个(项目和任务)模板一直显示在 index.jade/html 中。他们将从角度更新。
编译成html后的输出如下:
...
<div ng-view class="row">
<div class="col-md-4 border projectOverview">
</div>
<div class="col-md-8 border projectOverview">
</div>
</div>
...
我不知道如何让它运行或者包含是否会是更好的方法?