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 (корень приложения), то он отлично работает.

0 ответов

Другие вопросы по тегам