так вот у меня загружаются все карточки при запуске страницы.
Вы сказали, что в моем случае можно использовать ngFor. Ну я как бы его использую, и его мне надо как бы повторный раз вызвать?
Вам просто надо массив карточек изменять То есть у вас отдельно есть массив данных с сервера и отдельно те, которые выводите Изначально они равны, но на клик вы изменяете отображаемый массив onClick() { this.items = [...this.items, newItem] // или убираете, смотря что надо }
Кстати, пара замечаний, если актуально 1) ngFor работает аналогично for-of/forEach с массивами, потому в вашем случае можно обойтись без индекса. Используйте просто item 2) [(item)] - это двусторонний биндинг, он не предназначен для работы с ngFor Я не знаю, как у вас реализован внутри app-card, но просто для справки: для работы двустороннего биндинга он должен иметь: @Input() item @Output() itemChange = new EventEmitter() В таком случае он ангулар позволяет сократить запись <app-card [item]="item" (itemChange)="item = $event"></> до <app-card [(item)]="item"></> Просто обращайте внимание на скобки
Обсуждают сегодня