Html 更改并灰显按钮，直到可观察广播成功

component.html

    <button mat-raised-button color="primary" type="submit">
        <mat-icon>account_box</mat-icon>
        <span *ngIf="!loading">&nbsp;&nbsp;&nbsp;Register</span>
        <span *ngIf="loading">&nbsp;&nbsp;&nbsp;Processing Request</span>
    </button>

我想将Register按钮改为Processing request并将其灰显，直到observable完成广播

当前，即使加载为false，也不会发生任何更改。

请尝试：

    <button [disabled]="loading" mat-raised-button color="primary" type="submit">
        <mat-icon>account_box</mat-icon>
        <span *ngIf="!loading">&nbsp;&nbsp;&nbsp;Register</span>
        <span *ngIf="loading">&nbsp;&nbsp;&nbsp;</span>
    </button>

    <button [disabled]="loading" mat-raised-button color="primary" type="submit">
        <mat-icon>account_box</mat-icon>
        <span *ngIf="!loading">&nbsp;&nbsp;&nbsp;Register</span>
        <span *ngIf="loading">&nbsp;&nbsp;&nbsp;</span>
    </button>

this.loading = true
this.auth.register(this.registerUser)
  .pipe(finalize(() => this.loading = false)
  .subscribe(
    (success) => {
      // ....
    }
  );