+

А там не js просто?

everything is js

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

Ребята, вопрос века. Вообще не понимаю как в Angulare сделать это. При клике я должен просто создать в доме div. Инфы много только про AngularJs

Смотря что за див. Вам на каждый клик создавать? Будет ли в нем что-либо еще или он пустой?

По клику, должна вот такая же карточка создастся, как за модалкой

Вообще, делайте так:
<ng-container #container></>
<ng-template #divTemplate><div/></>

@ViewRef('container', {static: true, read: ViewContainerRef}) container: ViewContainerRef;
@ViewRef('divTemplate', {static: true}) template: TemplateRef<HtmlDivElement>;
onClick() {
  this.container.createEmbView(this.template)
}

В вашем случае просто ngFor и выводите массив, и не надо голову ломать
p.s. внутри ngFor работает точно так же, как и код выше

извиняюсь, что пока не с первого раза допераю, поэтому уточню


Вот так вот у меня загружаются все карточки при запуске страницы.

Вы сказали, что в моем случае можно использовать ngFor. Ну я как бы его использую, и его мне надо как бы повторный раз вызвать?

Вам просто надо массив карточек изменять
То есть у вас отдельно есть массив данных с сервера и отдельно те, которые выводите
Изначально они равны, но на клик вы изменяете отображаемый массив
onClick() {
   this.items = [...this.items, newItem] // или убираете, смотря что надо
}

аааа, это так работает, интересно. Все получилось! Забавная штука, это как state у Реакта. Спасибо огромное!)

Кстати, пара замечаний, если актуально
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"></>

Просто обращайте внимание на скобки

О, спасибо. Про ngFor так точно спасибо. Исправил все ошибки. Огромное спасибо!)

народ ку ! поясните за markForCheck кто знает? это запускает как правильно его запустить? я так понимаю при приходе данных с бека мы его активируем и инпуты опнимают что данные пришли? this.ref.markForCheck(); вот так но у меня не работает

помечает текущий и родительские компоненты вверх до конца что надо проверить view на наличие изменений

а на ответ почему не работает, без кода ответить сложно

Дак markForCheck же помечает компонент для ререндера на следующем тике. Попробуй detectChanges

если возникает необходимость дергать руками проверку, значит, скорее всего, что-то написано криво, и обновляется по ссылке

Если в подписке то это норм