Селекторы стилей host, host-context и ng-deep в Angular
В этом видео мы разберем специальные селекторы в Angular: host, host-context и ng-deep. Посмотрим на примерах использование каждого из них на практике, а также разберем ограничения и особенности, которые стоит учитывать при их использовании.
Тайминги:
00:00 Вступление
00:24 host
03:51 host-context
07:00 ng-deep
09:22 Итоги
Ссылка на репозиторий данного курса в GitHub:
https://github.com/Yuri-Simonov/My-Angular-Course-2023
Ссылка на плейлист данного курса по Angular:
https://rutube.ru/plst/308623
Мой телеграм канал по IT:
https://t.me/yuri_simonov_it
Ссылка на проект Helper:
https://yuri-simonov.github.io/Helper/
Чат проекта Helper:
https://t.me/yuri_simonov_helper
Связаться со мной:
https://t.me/dancerdied
Ссылка на официальную документацию материалов из видео:
:host: https://angular.io/guide/component-styles#host
:host-context: https://angular.io/guide/component-styles#host-context
::ng-deep: https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep
Информация про приоритет селекторов:
https://www.youtube.com/watch?v=CZUIQKSX1yk&t=932
Видео Селекторы стилей host, host-context и ng-deep в Angular автора Юрий Симонов
Видео Селекторы стилей host, host-context и ng-deep в Angular автора Юрий Симонов
Показать
Похожие видео
![Особенности использования *ngIf, *ngFor и *ngSwitchCase | Angular курс 2023](http://pic.rutubelist.ru/video/68/a6/68a6ba812eccffee6cf0c25c358ee6c0.jpg?size=s)
![Декораторы свойств @ViewChild и @ViewChildren | Angular курс 2024](http://pic.rutubelist.ru/video/7b/c6/7bc66f7726e5f3468fb9907126f44620.jpg?size=s)
![Глобальные стили и виды инкапсуляций стилей | Encapsulation | ViewEncapsulation | Angular курс](http://pic.rutubelist.ru/video/97/40/9740086d12af0fc9847c9dd23c7fc7c6.png?size=s)
![Обновление Angular до 18-ой версии. Дефолтное значение для элемента ng-content](http://pic.rutubelist.ru/video/cf/70/cf70773cb396db9f0b514c71d4b0771b.png?size=s)
![Квантово-устойчивая защита информации | Антон Гугля КуАпп](http://pic.rutubelist.ru/video/4a/d3/4ad3a586bfc7abe8e432ec99b21ca7f1.jpg?size=s)
![ЗАПОЛНЯЮ МИНИ БЛОКНОТ 🍑](http://pic.rutubelist.ru/video/54/f7/54f7a7e35593e485e88926738fd57a09.jpg?size=s)
![КНИТУ объясняет: выпуск 1. Документы для поступления](http://pic.rutubelist.ru/video/96/0f/960f312fc2e9f9cd323abaa8b364f78a.jpg?size=s)
![Элемент ng-content | Курс по Angular 2023](http://pic.rutubelist.ru/video/fc/c4/fcc4c3fcc7ba6e9dbad8f7787186d107.jpg?size=s)
![Создание кастомных структурных директив | Angular курс](http://pic.rutubelist.ru/video/86/09/86098dabf5a224f36e8b78e8045c0b9e.png?size=s)
![В МФТИ прошла вторая конференция GenAI CONF](http://pic.rutubelist.ru/video/a8/1f/a81fa2d5391b610e89c7b9e213a0ad67.jpg?size=s)
![Как построить инфобез в компании | Антон Антропов IT Task](http://pic.rutubelist.ru/video/5d/f1/5df1da4aa841bc151306334c25f0257a.jpg?size=s)
![«Точки над И»: Кузькина мать. Что показывали друг другу СССР и США в 1959-м. Часть 1](http://pic.rutubelist.ru/video/22/cb/22cbbdeca8e799fc3d5a72e33de2e0eb.jpg?size=s)
![Standalone компоненты и Shared модуль | Angular курс](http://pic.rutubelist.ru/video/36/58/3658f21a6f6ce40b630b882c3a0aa26b.png?size=s)
![Элементы ng-template и ng-container | Курс по Angular 2023](http://pic.rutubelist.ru/video/62/f1/62f1bb32124d710133d6e5bd33ef041d.jpg?size=s)
![Викторина судьбы #shorts](http://pic.rutubelist.ru/video/83/fe/83fe58195c5c1deef3e4bac57c63d1d4.png?size=s)
![Пятигорский институт СКФУ объявляет о наборе на 42 направления подготовки с 20 июня 2024 года](http://pic.rutubelist.ru/video/af/f4/aff4eac69cf85145a99eac64c430956b.jpg?size=s)
![ХРОНИКИ БГТУ I Выпуск 1](http://pic.rutubelist.ru/video/34/a6/34a6a714e76c073d53b3d8ae7368c333.jpg?size=s)
![«Актуальные направления антикоррупционной политики в решении задач национальной безопасности РФ»](http://pic.rutubelist.ru/video/b9/aa/b9aaa5d698e04dd10fcda84273a6ad8d.jpg?size=s)
![ДЕЛАЮ МИНИ - СКЕТЧБУК ИЗ ОДНОГО ЛИСТА БУМАГИ ! /скетчбуковый бизнес](http://pic.rutubelist.ru/video/e3/24/e324a37bdd1c95a88556085f9702ae4d.jpg?size=s)
![Работы на высоте - Подъем по приставной лестнице на опору - 3D тренажер-симулятор](http://pic.rutubelist.ru/video/5c/ec/5cec28243127f074c35f03a0884bb052.jpg?size=s)