如何在 Ionic 4 中实现加载按钮?

I l*_*ing -3 ionic-framework angular ionic4

我想将按钮插入到我的 Ionic 4 应用程序中,该按钮以一种形式使用,一旦按下,在等待服务器响应期间,在操作期间,左侧会显示一个环/圆/微调器。它是 Material Design 的一部分,但我在文档中没有找到任何内容。我该如何实施?

mau*_*844 7

我在评论中建议的解决方案如下所示:

<ion-button (click)="doRequest()"> 
  <ion-label > <ion-spinner *ngIf="loading"></ion-spinner> Submit</ion-label>
</ion-button>
Run Code Online (Sandbox Code Playgroud)
export class Component {
  loading: boolean;

  doRequest() {
    this.loading = true;
    this.service.makeRequest().subscribe(
      res => { 
        this.loading = false;
        // Do something else...
      }
    ); 
  }
}
Run Code Online (Sandbox Code Playgroud)

更新

更改ion-spinner为@JanP 在评论中建议