Как добиться асинхронности?

Question

[Адель Халитов]

Есть функция:

getSome() {
   this.http.get('/some')
      .subscribe( (data: Array<object>)=> {
        console.log(data)
        this.AllMaterial = data; // не делает запрос
      }, err => {
        console.log(err)
      })
}

Я должен вызвать ее после проверки в другой функции:

second() {
    if (this.isEmpty(this.AllMaterial)) {
      this.getSome();
    }
console.log(this.AllMaterial)
}

При вызове естественно в косоли:
undefined => console.log(this.AllMaterial)
somedate => console.log(data)

Как сделать эту конструкцию асинхронной?

Comments

[Rsa97]

Так она уже асинхронная.

Answer 1

[Vitaliy]

async getSome() {
   const data = await this.http.get('/some').toPromise();
   
    console.log(data)
    
    return data;
}

async second() {
    if (this.isEmpty(this.AllMaterial)) {
      this.AllMaterial = await this.getSome()
    }
    console.log(this.AllMaterial)
}

Comments

[Адель Халитов]

Да работает, спасибо. Но последующие функции не ждут выполнения этого async.
Как это исправить?

[Max Payne]

Адель Халитов, await-ить?

[Адель Халитов]

Max Payne, у меня порядка 20 функций после идет. Неужели awaitit'?

[Vitaliy]

Адель Халитов, что конкретно и как должны делать этим функции?

[Robur]

Адель Халитов, вам не к тем 20 надо await написать а к этой одной. Сколько там будет после - неважно

Answer 2

[Alex]

Ну: например так

getSome() {
   return this.http.get('/some')
}

second() {
    if (this.isEmpty(this.AllMaterial)) {
      this.getSome().subscribe( (data: Array<object>)=> {
        console.log(data)
        this.AllMaterial = data; // не делает запрос
        console.log(this.AllMaterial)
      }, err => {
        console.log(err)
      })
    }
}