Angular — стили CSS не применяются к динамическим узлам HTML. ⇐ CSS

[Anonymous]

Я не уверен, что делаю неправильно, но мне хотелось бы узнать, откуда возникла проблема.
У меня есть проект на Angular v18, и здесь это постановка проблемы:
Я загружаю несколько динамических HTML-файлов из JavaScript, а данные поступают из внешнего файла JSON.
Все работает нормально, данные загружаются хорошо, стили компонентов загружаются правильно, все в порядке. Здесь нет никаких проблем.
Я добавил несколько отдельных файлов .scss в файл abc.comComponent.scss с помощью метода @import.
Все стили применяются правильно, за исключением динамического html.
Я попробовал загрузить необходимый динамический HTML-файл .scss глобально в файл style.scss, и стили применяются правильно, но не уверен, в чем проблема при загрузке из abc. файл компонент.scss.
Пример кода файла abc.comComponent.scss:

Код: Выделить всё

@import '../../assets/scss/helpers/variables';
@import '../../assets/scss/helpers/mixins';
@import '../../assets/scss/components/sidebar';
@import '../../assets/scss/components/title';

В том же файле:

Код: Выделить всё

@import '../../assets/scss/components/table';
@import '../../assets/scss/components/cards';
@import '../../assets/scss/components/users';

Файлы @import применяются правильно, за исключением последних файлов дерева, которые предназначены для динамической части данных.
Может ли кто-нибудь мне помочь в этом?
p>
У меня есть альтернативное решение: загрузить последние три файла .scss в файл global.scss, но проблема в том, что я не хочу загружать этот CSS на все страницы.

Подробнее здесь: https://stackoverflow.com/questions/788 ... tmls-nodes