把手：在等待AJAX​​请求时显示微调器的最佳方式

Question

我知道＆＃34;在等待AJAX​​请求时显示微调器的最佳方式的答案？＆＃34;但是当我们使用语义模板时，最好的方法是什么？使用把手。

我是一个分享的理论解决方案，但想知道是否有更好的方法。

这是我定义的模板：

<script id="AnalyticsTemplate" type="text/x-handlebars-template">
    <div class="circle-tile-content dark-blue">
        <div class="circle-tile-description text-faded">Free Subscriptions</div>
        {{#if FreeSubscriptionsCount}}
        <div class="circle-tile-number text-faded ">{{FreeSubscriptionsCount}}</div>
        {{else}}
        <div class="preloading"></div>
        {{/if}}
        @*<a class="circle-tile-footer" href="#">More Info <i class="fa fa-chevron-circle-right"></i></a>*@
    </div>
</script>

当前的方法是使用if条件，并编译两次相同的模板。首先，在使用空数据调用AJAX之前，然后调用AJAX成功/错误。

希望这是理解的，如果没有，请随意问。

任何建议或反馈都将受到高度赞赏。