1

次のファイル構造があります。

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>
...

それを実行する方法がわかりませんか、それともインクルードの方が良いアプローチでしょうか?

4

0 に答える 0