My question is very simple but I didn't find the exact answer.
<template name="loading">
//loading spineer
</template>
Now I need to hide and show this template with subscription ready. How do I render loading template from javascript. I have tried
{{#unless Template.subscriptionsReady}}
{{> loading}}
{{/unless}}
and
{{#If Template.subscriptionsReady}}
{{> loading}}
{{else}}
content
{{/if}}
But in my case #unless and #if is not required. Have to load it from script.
You can render a Template from JS with the Blaze.render() or Blaze.renderWithData() function.
The official meteor documentation describes how to use it
http://docs.meteor.com/#/full/blaze_render
Example:
// This will render your template to the body and remove it after 3000ms
var view = Blaze.render(Template.loading, document.getElementsByTagName('body')[0]);
setTimeout(function() { Blaze.remove(view) }, 3000);
Very simple. Check out Spacebars built off of Handlebars.
{{#if Template.subscriptionsReady}}
{{> notLoading}}
{{else}}
{{> loading}}
{{/if}}
#unless and #if is not my requirement. How to render it from scriptYou can load a template from javascript by suing Blaze.render.
In your html, create a div and assign it a id, say "rendertemplatehere".
HTML:
<div id="rendertemplatehere"></div>
In javascript, after writing logic, whenever you want to render template, after your subscription is ready, execute,
Javascript:(Help from webdeb's answer to same question)
var view = Blaze.render(Template.loading, document.getElementById('rendertemplatehere'));
And, if you want to remove the template (if its already rendered), when your subscription expires/is not ready, execute,
Javascript:
Blaze.remove(view);
#unlessand#ifis not my requirement. have to show/hide loading template from script.