流星template.renderedとthis.dataアクセス

Question

は私が

<template name='order'> 
    {{vendor.name}} 
</template> 

が

Template.order.vendor = function() { 
    return {name: 'Chanel', address: 'Paris' }; 
    }; 

でレンダリングテンプレートを持っています'未定義'。

vendor.nameおよびvendor.addressをTemplate.order.renderedで？

ありがとうございます。

Answer 1

Template.renderedでは、this.dataは、テンプレートとして{{#with}}構文を使用してテンプレートがフィードされたデータに対応します。 ベンダーは、注文テンプレートで利用可能なデータを返すヘルパー関数ですが、 "this.data"にバインドされていません。 あなたの問題を解決するには、多くのオプションがあります：

親テンプレートを定義し、この親にベンダーヘルパーを移動すると、パラメータとしてvendorを使用して注文を呼び出すことも、{{＃＃ブロック}}

<template name="parent"> 
    {{> order vendor}} 
    {{#with vendor}} 
     {{> order}} 
    {{/with}} 
</template> 

<template name="order"> 
    {{name}} 
</template> 

Template.parent.vendor=function(){ 
    return{ 
     name:"Chanel", 
     address:"Paris" 
    }; 
}; 

Template.order.rendered=function(){ 
    // this.data == vendor object returned in parent helper 
    console.log(this.data); 
}; 

また、カプセル化親テンプレートの必要性を排除し、グローバルヘルパーを登録することができます。

Handlebars.registerHelper("vendor",function(){ 
    return{ 
     name:"Chanel", 
     address:"Paris" 
    }; 
}); 

Answer 2

Template.order.rendered = function() { 
    console.log(Template.order.vendor()); 
}