Como fazer o forEach esperar até que a assinatura termine?

Estou usando o Angular 6 e meu banco de dados é Firebase. Agora tento mostrar os nomes de cada sala de acordo com sua construção. Por exemplo:

Building A
Room 1
Room 2
Building B
Room 1
Room 2

Mas toda vez que tento, ele mostra todos os nomes dos prédios primeiro, e só depois os nomes dos quartos. Isso é o que eu tenho agora:

Building A
Building B
Room 1
Room 2

Descobri que isso acontece porque forEachfica pulando a subscribefunção.

Tentei usar promisee await, mas não funciona. Talvez porque eu usei de forma errada? Não tenho certeza de como usar de promisemaneira correta.

async loadData(){
    this.navigationService.user
        .subscribe( user => {
        console.log(user);
        this.user = user;
        this.navigationService.getBuildings(this.user.orgId)
            .subscribe( building => {
            this.navMasterBuilding = [];
            this.buildings = building;
            this.buildings.forEach( async building2 => {
                this.completeBuildingId = building2.completeBuildingId;
                this.buildingName = building2.buildingName;
                console.log(building2.buildingName);
                await new Promise ((resolve, reject) => { 
                    this.navigationService.getLocation(this.user.orgId, this.completeBuildingId)
                    .subscribe(location => {
                    console.log('room' + location);
                    this.navMasterLocation = [];
                    });
                    resolve();
                });   
            });
        });
    });
}

Tentei atrasar usando setTimeout, mas ainda não funciona.