在Ionic选项卡中使用动画图标

Question

我正在使用Ionic构建一个应用程序，并使用<ion-tabs></ion-tabs>指令

每个tab指令都是标准的，例如：<ion-tab title="Sync" icon-off="ion-android-sync" icon-on="ion-android-sync" href="#/tab/sync"><ion-nav-view name="tab-sync"></ion-nav-view></ion-tab>

当应用程序忙于同步时，我喜欢静态的"ion-android-sync“动画。

我看到有显示微调器的<ion-spinner></ion-spinner>，但我不确定如何在选项卡中显示动画微调器图标-有人知道怎么做吗？

Answer 1

我没有一个明确的解决方案，我不确定这是否是最好的方法，但在我看来，实现这一点的最好方法是剖析<ion-tab>元素，这将导致以下结果：

<a class="tab-item" href="#/tab/sync">
  <i class="icon"><ion-spinner></ion-spinner></i>
</a>

不幸的是，我找不到一个看起来像您使用的ion-android-sync图标的微调器。当然，在图标之间进行这种切换需要更多的代码，但这只是一个开始。