带有承诺的组件输出

Question

我有一个按钮组件，它有一个事件发射器，当它被触发时，我想在按钮中开始一个加载动画，当承诺被解决时，停止加载动画。

@Output() promiseClick: EventEmitter<any> = new EventEmitter<any>();

可以这样使用:

<my-button (promiseClick)="makeAPICall()"></my-button>

其中makeAPICall()方法返回一个Promise。

我需要my-button组件知道makeAPICall()承诺何时被解决。如何才能做到这一点?

Answer 1

<my-button #button (promiseClick)="button.makeKnown(makeAPICall())"></my-button>

makeKnown(p:Promise) {
  p.then(result => this.result = result);
}