How to execute a callback after an #each is done?
I\'m having trouble with a callback after the #each has finished. I have a template named \"content\":
{{#if T
-
You can also use sub-templates and count the number of sub-templates rendered. If this number is the number of items in the collection, then all are rendered.
{{#if Template.subscriptionsReady}} {{#each currentData}} {{> showData}} {{/each}} {{else}} Loading... {{/if}}With that, initialize a reactive variable and track it:
var renderedCount = new ReactiveVar(0); Tracker.autorun(function checkIfAllRendered() { if(renderedCount.get() === currentData.count() && renderedCount.get() !== 0) { //allDataRendered(); } });When the
currentDatatemplate is rendered, increment it, and decrement it when it is destroyed.Template.currentData.onRendered(function() { renderedCount.set(++renderedCount.curValue); }); Template.currentData.onDestroyed(function() { renderedCount.set(--renderedCount.curValue); });
加载中...
- 热议问题