Попробовал с ::ng-deep, но что-то не получилось. Возможно где-то накосячил. В итоге сделал так:
Компонент:
@Component({
selector: 'app-admin',
templateUrl: './admin.component.html',
styleUrls: [
'./admin.component.scss',
'../../assets/style/admin.scss'
],
encapsulation: ViewEncapsulation.None
})
admin.scss
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
.portal-admin {
@import '../service_styles/_grid.scss';
@import '../service_styles/_spacing.scss';
}
admin.component.html
<div class="portal-admin">
....
</div>
В итоге:
1. Стили грузятся в момент входа в модуль админки.
2. Стили админки локализуются контейнером со стилем "portal-admin".