如何在 Angular 中按顺序处理 2 个点击事件

Question

<button class="post-save" (click)="fileUpload.upload()" (click)="editor.save()"> save </button>

按下保存按钮时，

点击事件 1：文件上传

点击事件 2：Post保存

当我点击 'File Upload' 时，它收到 url 作为 return 值。

而'editor.save()'是'save the return url'。

所以我想在'Event 1'结束后运行'Event 2'

我该如何解决？

Answer 1

您可以在任何事件中通过分隔分号调用两个或多个方法 ;

像这样，

<button class="post-save" (click)="editor.save(); fileUpload.upload()"> save </button>

Answer 2

您应该只调用一个函数。我怀疑 fileUpload.upload() 是异步的，所以一种方法是：

newFunction(){
    this.fileUpload.upload().subscribe(data => {
      // do what you do when the file is uploaded
      this.editor.save();
    }
}

How to process 2 of click events in order in Angular