Question

在我使用Ionic Framework的应用程序中，在event-detail.html上，我有：

<ion-view view-title="{{event.name}}">
  <ion-content class="padding">
    <p>
      {{event.name}}
    </p>
      <a class="button icon icon-right ion-chevron-right" href="#/tab/event-desc/{{event.ID}}">About</a><br /><br />
      <a class="button icon icon-right ion-chevron-right" href="#/tab/event-schedule/{{event.ID}}">Schedule</a>
  </ion-content>
</ion-view>

在event-schedule.html上，有ng-repeat显示从外部网址加载的一些图片：

<div class="card" ng-repeat="s in schedule" ...>
<img width="100%" ng-src="{{s.mainImageUrl.EN}}">
...
</div>

这样可以正常工作，但有时会显示大约8张图像（即下载）。

是否可以在过渡效果之前预加载图像并显示下一页？

所以基本上，我正在寻找一种方法，当我按下event-detail.html上的链接时，加载微调器显示。加载图像后，微调器消失，用户被带到event-schedule.html。

我是Angular的新手所以非常感谢任何帮助！

单击链接时预加载图像＆amp;在Angularjs中预加载后关注链接

0 个答案: