Angular 5 NPM Package pass массив динамических классов
Я создал новый пакет NPM, который принимает массив классов, которые я объявляю в компоненте, который использует определенные классы,
app.component.html
<ngx-lazy-image [lazyClasses]="['gs-img']" [largeImgUrl]="largeImgUrl" [thumbnailUrl]="thumbnailUrl"></ngx-lazy-image>
app.component.css
.gs-img {
width: 50%;
}
Вот как я назначаю этот массив классов для элемента.
ngx-lazy-images.component.ts (компонент пакета)
this.lazyClasses.forEach((styleClass) => {
this.renderer.addClass(this.placeholder.nativeElement, `${styleClass}`);
});
после более чем 2 часов чтения о инкапсуляции представлений, тэгах ng-deep и о том, что нет, я не могу придумать, как это сделать.
если я помещу классы в файл styles.css (корень приложения), то он отлично работает.