Почему async pipe в Angular не работает с геттером, который возвращает Promise?

Question

[Мария]

Почему async pipe в Angular не работает с геттером, который возвращает Promise?

Компонент .ts:

get user(): Promise<string> {
     //метод возвращающий промис
    return getCurrentUser();
  }

Компонент .html
<p>{{ user | async }}</p>

user | async - в html эта штука возвращает ничего, просто пустая строка

Почему такое просходит? В чем может быть проблема?

ПС. Если в конструкторе дождаться резолва промиса и в then присвоить в user результат и в html выводить просто user как string без async pipe, то все работает без проблем. Т.е. метод getCurrentUser() работает корректно

Comments

[G F]

Сделай консоль лог в геттере и посмотри сколько раз он вызывается

[Мария]

G F, о'кей, уаидела, что много раз. Но вопрос остаётся прежним - почему там пустая строка ?

[Антон Швец]

Мария,

почему там пустая строка ?

Асинк пайп по завершению промиса инициирует проверку изменений, проверка дергает геттер и получает новый промис, результат никогда не отобразится

[Мария]

Антон Швец, а почему тогда когда запихнуть этот промис в проперти конструкторе, например, (без геттера) то а синк пайп все работает как мне надо? прошу прощения за сто вопросов)) просто действительно интересно понять, как оно раотает

[Антон Швец]

Мария, ваш геттер при чтении выполняет функцию и вовзвращает результат, каждый раз новый.
А если в свойстве записать, то функция выполнится один раз и в свойстве будет хранится ее результат, т.е. промис.

[Мария]

Антон Швец, ага, поняла, точно же! :) спасибо большое!

Answer 1

[Антон Швец]

Если так сделать, то на каждую проверку изменения Ангуляр будет запускать промис заново. Если это у вас сетевой запрос, проверьте что у вас там не миллион отмененных запросов.

Надо бы не через геттер, а передать промис в переменную.