Size: a a a

2021 March 03

AS

Alex S in Angular Kyiv
Artyom Krasnyuk
в конструкторе - @Inject(DOCUMENT) private document: Document
...
в обработчике окрытия\закрытия меню
this.document.body.classList.add('menu-opened');
...
глобальный стиль
@media screen and (max-width: 500px) {
.menu-opened {
overflow: hidden;
}
}

как идея)
Лайк
источник

AC

Alex Chugaev in Angular Kyiv
Олександр Савуловський
Добрый день. Хочу сделать, чтобы при открытии меню на мобильной версии к тегу body применялось свойство overflow: hidden. И при повторном нажатии его убирало. Как лучше такое реализовать? И правильно ли обращаться в таком случае к тегу body?
Думаю, якщо треба міняти DOM, то через це API - https://angular.io/api/core/Renderer2
источник

AC

Alex Chugaev in Angular Kyiv
источник

AK

Artyom Krasnyuk in Angular Kyiv
Alex Chugaev
Думаю, якщо треба міняти DOM, то через це API - https://angular.io/api/core/Renderer2
не всегда это удобно, Renderer2 не инжектится в сервис без танцев с бубном)
источник

AC

Alex Chugaev in Angular Kyiv
Artyom Krasnyuk
не всегда это удобно, Renderer2 не инжектится в сервис без танцев с бубном)
хіба?
источник

AK

Artyom Krasnyuk in Angular Kyiv
источник

AC

Alex Chugaev in Angular Kyiv
Пост про Ангуляр 4...
источник

AK

Artyom Krasnyuk in Angular Kyiv
Alex Chugaev
Пост про Ангуляр 4...
с тех времён ничего не изменилось)
источник

DT

Denchik Tymokhin in Angular Kyiv
источник

DT

Denchik Tymokhin in Angular Kyiv
Artyom Krasnyuk
с тех времён ничего не изменилось)
Да ну?)
источник

AK

Artyom Krasnyuk in Angular Kyiv
так я про сервис говорю, не про компонент)
источник

DT

Denchik Tymokhin in Angular Kyiv
Artyom Krasnyuk
так я про сервис говорю, не про компонент)
А зачем сервис для него?)
источник

AK

Artyom Krasnyuk in Angular Kyiv
ну бывают кейсы, когда логика инкапсулирована в сервисе и тебе там же нужно работать с DOM. В таком случае туда рендерер просто так не инжектится, только через фабрику
источник

DT

Denchik Tymokhin in Angular Kyiv
Artyom Krasnyuk
ну бывают кейсы, когда логика инкапсулирована в сервисе и тебе там же нужно работать с DOM. В таком случае туда рендерер просто так не инжектится, только через фабрику
Ок
источник

AK

Artyom Krasnyuk in Angular Kyiv
кстати, может кому-то будет полезно, эдакий cheatsheet для позиций CDK Overlay. Можно потыкать посмотреть какая позиция как работает. Когда-то давно делал для себя)
https://stackblitz.com/github/krasnyuk/angular-cdk-overlay-playground/tree/master/cdk-overlay-playground
источник

DT

Denchik Tymokhin in Angular Kyiv
Artyom Krasnyuk
кстати, может кому-то будет полезно, эдакий cheatsheet для позиций CDK Overlay. Можно потыкать посмотреть какая позиция как работает. Когда-то давно делал для себя)
https://stackblitz.com/github/krasnyuk/angular-cdk-overlay-playground/tree/master/cdk-overlay-playground
осталось придумать авто расчет позиции к тем кейсам которые могут возникнуть
источник

RD

Roman Danyliv in Angular Kyiv
источник

RD

Roman Danyliv in Angular Kyiv
подскажите как сделать свитч модалок
источник

D

Danil in Angular Kyiv
в каком плане свитч?при закрытиее одной открывалась другая?
источник

RD

Roman Danyliv in Angular Kyiv
Danil
в каком плане свитч?при закрытиее одной открывалась другая?
да
источник