Как получить помощник для ожидания создания элемента DOM? [meteor]

Question

Я пытаюсь сделать встроенные твиты в своем приложении. У меня есть коллекция mongo твитов Ids (tweetId). Я использую (document) _id как id в div, чтобы Twitter мог настроить целевой элемент для твита.

шаблона:

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

В помощнике "embeddedTweet" я бегу:

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

Я знаю this._id точен через console.log тестирования. Я также подтвердил, что поиск элемента dom выше заканчивается неопределенным.

Итак, кажется, что в контексте данных есть метеор, но я слишком быстро вызываю twttr (т. Е. До того, как элемент dom существует из getelementbyid)?

Задача состоит в том, что для каждого вызова twttr требуется уникальный идентификатор dom.

Надеясь, что здесь есть лучший образец.

Answer 1

вам нужно подождать, пока шаблон не будет отображаться, прежде чем вы сможете перейти к элементам DOM.

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

Здесь вы можете запускать свои запросы, чтобы найти своих детей DOM и обратиться к API-интерфейсу twitter.

помощники могут работать несколько раз, пока данные обновляются, а шаблон - рендеринг, поэтому все, что делается в помощниках, должно быть идемпотентным. и в идеале не попадает в API.