DOM要素が作成されるのを待つヘルパーを取得するには？ [流星]

Question

私のアプリケーションに埋め込まれたつぶやきをレンダリングしようとしています。私はtweet Id（tweetId）のmongoコレクションを持っています。私は（文書）_idをdiv内のIDとして使用していますので、Twitterはそのツイートの特定の要素を対象とすることができます。

テンプレート：私は実行する "embeddedTweet" ヘルパーで

{{#each mongoCollectionOfTweetIds}} 
    <div id={{_id}}> 
    {{embeddedTweet}} 
    </div> 
{{/each}} 

：

targetElement = document.getElementById("#{this._id}") 
twttr.widgets.createTweet("#{this.tweetId}", targetElement) 

私はthis._idがにconsole.logのテストを通じて正確である知っています。私はまた、上のdom要素の検索が未定義に終わることを確認しました。

だから、データコンテキストが流星を経由してありますようだが、（DOM要素をgetElementByIdをから存在する前に。すなわち）私はあまりにも速くtwttr呼び出すのですか？

挑戦はtwttrは、各呼び出しのためのユニークなDOMのIDを必要とすることです。

ここではより良いパターンがあります。

Answer 1

あなたはDOM要素の後に行くことができる前に、テンプレートがレンダリングされますまで待たなければなりません。

Template.Foo.onRendered(function() { 
}); 

を入力すると、クエリを実行してDOMの子を見つけ、twitter APIを呼び出すことができます。データが更新されており、テンプレートがレンダリングされているので、ヘルパーで行うものは冪等する必要がある一方で

ヘルパーが複数回実行することができます。理想的にはAPIにヒットしません。