更新

Question

在我的标签离子应用程序中，我试图显示使用自定义图像作为我的标签项目的图标。为此，我发现我应该为标签项提供指定的类，并通过CSS样式呈现图像。

然而，在我的两个Android设备android api 21和16上测试时，我没有在我的标签项中看到这些自定义图像图标。当我执行ionic serve时，它们确实显示正常，并且它们存在于我的root_path/platforms/android/assets/www/img中。通过chrome的检查设备，我发现当标签项目试图找到要渲染的图像时，图像文件夹甚至都没有加载。

From this post，我发现当离子加载到设备中时，离子在幕后做了一些魔术加载图像。但它似乎仅适用于ion-view或ion-content中的元素，不适用于ion-tabs之外的元素。

I found here使用指令可以为此提供解决方案，但似乎只能将指令放在我的ion-nav-view中的index.html元素上，这不会覆盖我的ion-tabs？

那么，还有其他方法吗？如果没有，在如何加载ion-nav-view内容之前，如何使用我的指令检查我的ion-tabs内容是否已完全加载？

提前致谢。

这是我的代码：

tabs.html

<ion-tabs class="tabs-icon-bottom tabs-color-active">
  <ion-tab title="Live" icon="tab-live energized" href="tab/live">
    <ion-nav-view name="tab-live"></ion-nav-view>
  </ion-tab>
  <ion-tab title="Replay" icon="tab-replay energized" href="tab/replay">
    <ion-nav-view name="tab-replay"></ion-nav-view>
  </ion-tab>
  <ion-tab title="Settings" icon="ion-android-options energized" href="tab/setting">
    <ion-nav-view name="tab-setting"></ion-nav-view>
  </ion-tab>
</ion-tabs>

index.html

<body ng-app="starter">
    <ion-nav-bar class="bar apricot">
      <ion-nav-back-button>
      </ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view></ion-nav-view>
</body>

更新

通过将我的图片上传到我的firebase存储空间并从那里加载我的标签图片，我解决了这个问题。但这似乎只是一个＆＃34;暂时的解决方法＆＃34;所以，如果有人有办法解决它，请帮助......

Ionic延迟加载标签

更新

0 个答案: