Применять стили, только если угловой компонент создан

Question

Я создаю компоненты динамически, используя Angular Router. Кроме того, я импортирую CDN «Material Design», потому что мой первый компонент (SectionAComponent) нуждается в нем для стилизации своих форм.

Но, с другой стороны, я не хочу, чтобы на мои формы из SectionBComponent влияли стили «материального дизайна».

Интересно, есть ли способ импортировать CDN в таблицу стилей SectionAComponent, ограничивая его область действия внутренними компонентами, или удаляя / вставляя стили в DOM, только если компонент создан его экземпляром.

Answer 1

Чтобы устранить эту проблему угловым способом, вы должны проверить угловое значение Просмотреть инкапсуляцию .

Кроме того, попробуйте импортировать стили дизайна материала внутри компонента scss, а не импортировать его глобально, так как следует за .