meteor.jsのテンプレートonloadイベント

Question

私は流星がDOM要素の「クリック」などのイベントを公開していることを知っていますが、テンプレートや部分的な読み込み時に発生するロードイベントがあるのでしょうか？どうすればこれを達成できますか？

ありがとうございました。

Answer 1

流星の場合は、0.4.0のプレビューから、Template.myTemplate.createdを使用できます。

Template.myTemplate.createdでは、DOMはまだ準備ができていません。あなたがDOMを操作する必要がある場合は

、次のようなテンプレートオブジェクト内の状態を追跡する代わりにTemplate.myTemplate.renderedを使用して、ブール値を使用することがあります：

Template.myTemplate.rendered = function() { 
    if(!this._rendered) { 
     this._rendered = true; 
     console.log('Template onLoad'); 
    } 
} 

Answer 2

次は動作するはずです。
テンプレートがDOMに追加されてレンダリングされるとMeteor.deferが呼び出されます。

<template name="temp"> 
    //regular stuff 
    {{invokeAfterLoad}} 
</template> 

Template.temp.invokeAfterLoad = function() { 
    Meteor.defer(function() { 
    $('mydiv').jquerify(); 
    }); 
    return ""; 
}; 

Answer 3

私は、むしろ受け入れ答えよりもわずかに少ない総IMHOこれをお勧めします：

<template name="temp"> 
    {{aReactiveHelper}} 
</template> 

Template.temp.aReactiveHelper = function() { 
    var someValue = Session.get('someValue'); 
    invokeAfterLoad(); 
    return someValue; 
}; 

var invokeAfterLoad = function() { 
    Meteor.defer(function() { 
    $('mydiv').doSomething(); 
    }); 
}; 

仮定は、それが反応物に反応しているため、テンプレートをロードした後に何かを呼び出したいということです。

ここでの利点は、テンプレートにアニメーションコードを追加していないことです。