Question

我有一个流星动态模板

{{#animate type="bounceInDown" delay="200"}}

           {{> Template.dynamic template=fetchTemplate }}

    {{/animate}}

这是帮手

'fetchTemplate': function(){

      var myui = "Tab";

       return myui;
   }

我知道我可以使用模板级订阅http://docs.meteor.com/#/full/Blaze-TemplateInstance-subscribe但我希望国际延迟加载我的动态模板，在延迟期间，我想显示加载。

我这样做是为了能够集中我的加载图标，我想看到图标的位置（它的开发工作真的，而不是生产的东西）。

有什么选择可以做这种事情？。

Answer 1

这是我发现的解决方案

js

{{#if tl}}
            {{#animate type="bounce"}}

           {{> Template.dynamic template=fetchTemplate }}

    {{/animate}}

  {{else}}
    <div class="sk-spinner sk-spinner-cube-grid">
  <div class="sk-cube"></div>
  <div class="sk-cube"></div>
  <div class="sk-cube"></div>
  <div class="sk-cube"></div>
  <div class="sk-cube"></div>
  <div class="sk-cube"></div>
  <div class="sk-cube"></div>
  <div class="sk-cube"></div>
  <div class="sk-cube"></div>
</div>

  {{/if}}

和html

{{1}}

故意延迟动态模板中的加载

1 个答案: