Добрый день. Начинаю изучать Angular. Возникла проблема при передачи данных из компонента

Question

Добрый день. Начинаю изучать Angular. Возникла проблема при передачи данных из компонента

в html.
Пример:
1) есть компонент post (файлы post.component.html, post.component.scss, post.component.ts)
2) в app.component.ts с помощью интерфейсов создаю Post http://joxi.ru/Dr8anVEFJll7Pm
3) в app.component.html обхожу Post c помощью *ngFor http://joxi.ru/4AkLOjei0ee30r
4) в post.component.ts прописываю переменную, с которой буду работать http://joxi.ru/VrwyQZlIjddxl2
5) в post.component.html пытаюсь вывести данные http://joxi.ru/Grqle5gCRKKgBA, но возникает ошибка http://joxi.ru/a2XlevQClLLqB2
Подскажите, что делаю не так и по какой причине title undefined?

#angular #frontend #javascript #programming #russian

0

19.10.2021

8 ответов

15 просмотров

Marisha Автор вопроса

Вдруг кому интересно: Если в post.component.ts вместо @Input() post: Post указать @Input() post: any, тогда всё работает. Интересно почему?

0

19.10.2021

Vadim Malovaniy

Marisha
Вдруг кому интересно: Если в post.component.ts вме...

потому что в undefined нет свойств title или text. Задайте дефолтное значение для @Input() post или используйте ? в шаблоне. ( post?.title )

0

19.10.2021

Rus

Vadim Malovaniy
потому что в undefined нет свойств title или text....

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

0

19.10.2021

Marisha Автор вопроса

Rus
изза приведения к типу поидее ничего не должно лом...

Интересно, но почему-то на ресурсе https://stackblitz.com/edit/angular-dxmh1q?file=src/app/post/post.component.ts ошибки нет

0

19.10.2021

Rus

Marisha
Интересно, но почему-то на ресурсе https://stackbl...

ошибка была где то в другом месте . похоже незаметно для себя поправили и все пошло

0

19.10.2021

Marisha Автор вопроса

Rus
ошибка была где то в другом месте . похоже незамет...

На компе до сих пор не работает. Код на stackblitz полностью идентичен, тк после попыток правки на компе узнала про stackblitz и что можно там проверить

0

19.10.2021

Vadim Malovaniy

Marisha
На компе до сих пор не работает. Код на stackblitz...

на stackblitz линтер не работает или разные тс конфиги.

0

19.10.2021