Подскажите, есть кейс Три компонента: Main CardCollection Card В CardCollection цикл с рендерингом списка Cards В

Question

Подскажите, есть кейс Три компонента: Main CardCollection Card В CardCollection цикл с рендерингом списка Cards В

main цикл с рендерингом CardCollectiona
Card имеет 2 состояния: открыт, закрыт (по клику)

Мне нужно по клику на определенную карту закрыть все остальные
Сейчас решил это тривиально: эмичу событие с картой по клику, которое прослушивает main, далее прохожу циклом по всем коллекциям вызываю closeAllCards() + передаю только что открытую карту что бы ее не закрыть

Есть может какие-то более правильные решения этой задачи?
Есть мысль организовать сервис, где после открытия карты мы записываем в переменную открытую карту, и при следующем открытии нужно закрыть только карту из переменной, без циклов

#angular #frontend #javascript #programming #russian

0

21.11.2021

3 ответов

11 просмотров

Юра 🪐

В Ангуляр материал, есть accordion.ts, который враппер. У него есть subject openCloseAll, который слушают дочерние компоненты и сами открывают/закрывают себя

0

21.11.2021

⛄️ Автор вопроса

Юра 🪐
В Ангуляр материал, есть accordion.ts, который вр...

Спасибо, посмотрю 👍

0

21.11.2021