ジェイドテンプレートを使った変数の受け渡し

Question

ジェイドはあるテンプレートから別のテンプレートに変数を渡すことは可能ですか？ 私はこのような何かをしたい：

tmp1.jade

div.anyClass 
    include components/checkbox('someLabel') 

tmp2.jade

div.otherClass 
    div.label 
    {someLabel} 

ありがとう！

Answer 1

テンプレートを含むテンプレートの変数スコープを継承しているので、後にすることが自動的に行われます。

ので、次は動作します：

あなたはまた、彼らはのようなもので、変数を渡すために、ミックスインを使用することができます

tmp1.jade

- var label = 'value' 
div.anyClass 
    include tmp2 

tmp2.jade

div.otherClass 
    div.label 
     #{label} 

を関数（最初に定義してから呼び出す）

は、だから、次の操作を行うことができます：

tmp1.jade

mixin labeldiv(myLabel) 
    div.otherClass 
     div.label 
      #{myLabel} 

div.anyClass 
    +labelDiv("the label") 

それはあなたがそれらを複数のテンプレート間で共通になりたい場合は内側に、含まれてあなたもミックスインを置くことができることを言及する価値があります。あなたはこれを行うことができます：

myMixins.jade

mixin labeldiv(myLabel) 
    div.otherClass 
     div.label 
      #{myLabel} 

tmp1.jade

include myMixins 
div.anyClass 
    +labelDiv("the label") 

Jade Syntax Docsがどのようにすべての作品のいくつかの素晴らしい（ライブ）の例があります。