169 похожих чатов

Всем привет! На днях только начал изучать Ангуляр. Подскажите, как в Ангуляр

решается даная задача:
При клике на пункт меню в дропдауне слева открывается модалка. Мне нужно в модалке подсветить тот пункт меню, по котором был клик в дропдауне.
На чистом JS я решал подобное через получение при клике значения дата-атрибута и потом выделял цветом элемент с таким же значением дата-атрибута в модалке.
Как это делать на Ангуляр?

5 ответов

19 просмотров

При клике запоминать id пункта и стили по условию, что если у пункта такой же id, как сохранённый - применять класс

Yurii-Lukianovych Автор вопроса
Le KynoH
При клике запоминать id пункта и стили по условию,...

Тот же подход, как и я описал с дата-атрибутом. Но как прописать это запоминание значения при клике? Как при клика прочитать значение атрибута(любого)? Можете написать пример?

Yurii Lukianovych
Тот же подход, как и я описал с дата-атрибутом. Но...

Заводишь свойство в классе selectedMenuItem, свойство-массив для пункта (элементы или строки, или жсоны с ид и тайтлом), в шаблоне ваяешь пункты меню через ngFor по этому массиву, навешиваешь на пункт (click) обработчик, в котором берешь ид из жсона (или индекс итерации, зависит от типа свойства-массива) и сохраняешь его в selectedMenuItem, через ngClass сличаешь ид текущего элемента и сохранённый в selectedMenuItem, чтобы проставить нужный класс

Yurii-Lukianovych Автор вопроса
Le KynoH
Заводишь свойство в классе selectedMenuItem, свойс...

Сделал таким образом, всё работает как надо. Спасибо!

Yurii Lukianovych
Сделал таким образом, всё работает как надо. Спаси...

боже как сложно. Вы же делаете пункт меню. Нет ничего плохого в том чтобы сделать через фрагмент. А в компоненте модалки просто подписывайтесь на изменение фрагмента и всегда будет тот пункт выделен какой фрагмент в урле стоит так же сделано и в доке в урле. https://angular.io/guide/router#accessing-query-parameters-and-fragments

Похожие вопросы

Обсуждают сегодня

У меня это всегда вопрос вызывало.. Нафига писать код так, чтобы потом ошибки вылавливать?
Nik
44
Всем привет. Сейчас я изучаю erlang по книге Erlang and OTP in action. Дошел до главы где реализуется первый gen server на примере tcp rpc сервера. Меня очень сильно смутил ко...
Freezing Death
10
что за асемблер кста?
Shvabrikk Nya
19
Добрый день! Пробую отловить исключение EConvertError: function _TryTextToDouble(var DoubleVar: Extended; Text: String): Boolean; begin try DoubleVar := StrToFloat...
Kirill Filippenok
19
всем привет. реально ли понять чем в процессе занята память? delphi/linux, процесс свой
Handatros
12
Подскажите... Есть ли название у способа разработки кода, в котором: сперва пишут минимальную рабочую структуру: Напр. ввод, обработка, вывод, контроль. Потом эту структуру д...
Budemposmotret
6
В дизассемблере вижу, что строки пихают в регистры через lea, почему так, а не через mov?
Oleg
8
А где @Grinyaha уважаемый пропал?
Am Ambrion
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Сделал краткий обзор магазина из статьи и заодно там же записал инструкцию по развёртыванию. https://www.youtube.com/watch?v=8-sE1vNk95Q (чё думаете по звуку? кое-что поменял...
Andrey K
17
Карта сайта