Ионическое шоу {{data.name}} только после того, как данные доступны (из HTTP)

Question

Я создаю приложение для Ionic 4.

Я загружаю объект из своего API через HTTP и затем показываю его в представлении.

{{ data.name }}

Поскольку HTTP-запрос является асинхронным,когда страница загружается, объект данных еще не загружен, а data.name не определено, что возвращает ошибку.

Я мог бы сделать что-то вроде <span *ngIf="data">{{ data.name }}</span>, но это не лучшее решение.

Есть ли лучшая практика для этой ситуации?

Answer 1

Попробуйте использовать асинхронный канал следующим образом:

{{ data.name | async}}