Как обработать 2 события клика по порядку в Angular

Question

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

Когда нажата кнопка сохранения,

Нажмите Событие 1: Загрузка файла

Нажмите Событие 2: Сохранить сообщение

Когда я нажимаю «Загрузка файла», он получает URL-адрес в качестве возвращаемого значения.

И editor.save () - это «сохранить возвращаемый URL».

Итак, я хочу запустить «Событие 2» после того, как «Событие 1» закончится.

Как я могу это исправить?

Answer 1

Вы должны вызывать только одну функцию. Я подозреваю, что fileUpload.upload() будет асинхронным, поэтому один из способов сделать это будет:

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

Answer 2

Вы можете вызывать два или более метода в любом событии, используя точку с запятой ;

вот так,

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