Почему вываливается данная ошибка из core js?
Есть такая ошибка:
В общем есть каталог, в нем три поста, при нажатии на пост он открываестя, в него передаю объект. В консоли видно, что я получил объект и вывел заголовок объекта. Как видите он вывелся, но при этом ругается core js. Первый раз столкнулся с данной ошибкой. Может кто подскажет как от нее избавиться? И почему она появилась.
Ответы (2 шт):
Вероятно на момент первого рендаринга у тебя данные не инициализированы, а уже чуть позже ты производишь присаивание. Как я вижу ошибка пояивлась раньше чем данные. Вероятно Вы делаете какаую либо асинхронную операцию.
Попробуйте использовать директиву *ngIf, это предотвратит ошибку если данных еще нет.
<div *ngIf="post">{{ post.name }}</div>
Для более полной катины рекомендую выкладывать код шаблона и компонента.
согласен с Андреем, и хочу рекомендовать следующее решение
<div>{{ post?.name }}</div>
это идентично с этой строкой
<div>{{ post ? post.name : '' }}</div>
после версии Typescript 3.7+ этот упрощенный вариант можно использовать и в компонентном коде