Estou tentando criar um formulário que permita criar vários recursos em ordem seqüencial.

Exemplo abaixo

Floor 1
Floor 2
Floor 3
...
Floor 9

O problema com o código é que o pedido não é garantido.

Meu código abaixo

let startAt = this.addAreasForm.controls['startAt'].value
const name = this.addAreasForm.controls['name'].value
const newArea = {name: name}

for (let i = 1; i < (amount + 1); i++) {
  newArea.name = name + ' ' + startAt
  startAt++
  this.areasService.createArea(newArea, parentId)
    .subscribe(
      area => this.added.emit(area)
    )
}

Pode voltar como

Floor 2
Floor 3
Floor 1
Floor 5
Floor 4

Como você lida com chamadas assíncronas da API para garantir a ordem sequencial?