blaze-layoutレンダリングを使用してデータをテンプレートに渡すにはどうすればよいですか？

Question

データをテンプレートに渡してonCreated()で受信しようとしましたが、データにアクセスできません。

deviceInfo.js: 
BlazeLayout.render('layout',{main:'deviceInfo',stats:'paramstats',attr:"SOME_DATA"}); 

deviceInfo.html: 
{{>Template.dynamic template=stats data=attr}} 

paramstats.js: 
Template.paramstats.onCreated(() => { 
    console.log("onCreated"); 
    console.log("Data is:",this.data.attr); 
}); 

しかし、私はTypeError: Cannot read property 'attr' of undefinedを取得します。 どこが間違っていますか？

Answer 1

onCreatedコールバックの通常の関数構文を使用する必要があります。矢印関数は、関数のコンテキストを自動的に外側のスコープにバインドします。これが問題の原因です。これを試してみてください：

Answer 2

2段階の間接指定を使用する理由はわかりません。 BlazeLayout.render()はあなたに1レベルを与えていますし、その中で動的テンプレートを使用していますか？ BlazeLayout.render()を使用して最終的に必要なテンプレートを直接レンダリングするのはなぜですか？

いずれの場合でも、データコンテキストを間接的に参照解除しています。

BlazeLayout.render()では、attr変数に値を設定しています。

あなたの動的テンプレートではdata=attrを使用していますが、これはテンプレートヘルパー内でthisの値がattrになることを意味します。サブタイトルは自動的に追加されません。data

あなたはattrのために設定している値を示していないので、それはあなたにもこれまでにあなたのコードをデバッグしようとする他の誰にも混乱を招くだろうあなたのattr変数でattrサブキーを、持っていることでも明らかではありません。

@khangはonCreated()の矢印関数の構文を使用していないについては、してみてください正しいです。

Template.paramstats.onCreated(function(){ 
    console.log("onCreated"); 
    console.log("Data is:",this); 
}); 

thisあなたは、私は流星1.4を使用していますあなたのBlazeLayout.render()

Answer 3

にattrに詰めどのような値が必要です＃私はそのようなパラメータを得ることができました：

BlazeLayout.render("page", { 
    params: ['fullscreen', 'route'] 
}); 

// page.js 

Template.page.onCreated(function() { 
    let params = this.data.params(); 
    console.log(params); 
}