javascript - Angular 6，ng-busy：如何将 ng-busy 动画应用于按钮？

Question

几天来，我一直在努力学习 Angular。

我有这个 plunker 页面，它可以正常工作，但不是我想要的。该页面正在显示加载动画，但我想让它在按钮内而不是在整个区域内显示加载动画。

有人可以指导我到哪里可以找到解释如何使用这个东西的真实信息。ng-busy npm 页面对我来说并不适合真正学习这一点。

我尝试动画加载 ng-busy

标签： javascriptangularloading

Answer 1

我认为这个 ng-busy 包不是为了把它放在一个按钮里。

我建议在按钮内放置一个微调器，并使用 *ngIf 显示或隐藏它。如果您正在使用 Promises 或 Observables，您可以将 *ngIf 与异步管道一起使用。

<button mat-button>Basic<mat-spinner *ngIf='showSpinner'></mat-spinner></button>
<button mat-button>Basic <mat-spinner *ngIf='showSpinnerPromise | async'></mat-spinner></button>