次のファイル構造があります。
views
|
|-index.jade
|-layout.jade
|-partials
|-projects.jade
|-tasks.jade
Layout は content と呼ばれるブロックを定義します。これは index によってボディを定義するために使用されます。レイアウト.ジェイド
!!!
html
head
meta(charset='utf8')
body(ng-app="myapp")
block content
index.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
パーシャル/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 に表示したいと考えています。それらは角度から更新されます。
html にコンパイルした後の出力は次のとおりです。
...
<div ng-view class="row">
<div class="col-md-4 border projectOverview">
</div>
<div class="col-md-8 border projectOverview">
</div>
</div>
...
それを実行する方法がわかりませんか、それともインクルードの方が良いアプローチでしょうか?