Javascript 等待音乐加载时的离子旋转器(离子2/角度2)

Javascript 等待音乐加载时的离子旋转器(离子2/角度2),javascript,android,angular,typescript,ionic2,Javascript,Android,Angular,Typescript,Ionic2,在我的音乐应用程序中,我有一个“单击”功能,可以发出http请求并从服务器播放.mp3文件。我的问题是,有时应用程序需要一段时间才能从服务器加载音频,这就是我添加离子微调器的原因。当音乐加载到this.media.load()中时,我正在尝试这样做离子微调器显示,加载完成后,微调器隐藏 我不知道我是否需要实现一个侦听器 Home.html <ion-card-content (click)="play(sound)"> <div class="wrapper">

在我的音乐应用程序中,我有一个“单击”功能,可以发出http请求并从服务器播放.mp3文件。我的问题是,有时应用程序需要一段时间才能从服务器加载音频,这就是我添加离子微调器的原因。当音乐加载到
this.media.load()中时,我正在尝试这样做离子微调器显示,加载完成后,微调器隐藏

我不知道我是否需要实现一个侦听器

Home.html

<ion-card-content (click)="play(sound)">
      <div class="wrapper">
      <ion-spinner class="color-green" name="bubble"></ion-spinner>
      <img src="{{ sound.imageUrl }}" />       
      </div>     
</ion-card-content>

您需要向微调器添加一个
*ngIf

<ion-spinner class="color-green" name="bubble" *ngIf="showSpinner"></ion-spinner>

您需要向微调器添加一个
*ngIf

<ion-spinner class="color-green" name="bubble" *ngIf="showSpinner"></ion-spinner>

为什么不使用
*ngIf
进行切换?为什么不使用
*ngIf
进行切换?
showSpinner:boolean;
...
// On the click action set to true
this.showSpinner = true;
// When the http returns with the audio file set to false
this.showSpinner = false;