0

Как сделать, что б можно было класс передать как параметр во внутрь компонента?
Например так

<app-my-component class-parameter="'my-class'"></app-my-component>

css:

.my-class {
   color: red; //.....
}

Но не записывать это в компоненте, а непосредственно передавая как параметр.

6
  • @InDevX , я написал параметр @Input() imageClass: string = ''; А как мне в родительском компоненте прокинуть? как я понял потом нужно через renderer2 добавить или как это сделать? 24 фев в 7:19
  • @InDevX В родительском компоненте хочу передать дочернему, что б то что он отрисует - было с определёнными стилями. В дочернем не хочу всё это прописывать, а что б было динамически. Пример - в родительском говорю - вот этот класс примени в дочернем. 24 фев в 7:25
  • "В дочернем не хочу всё это прописывать" Всё это = стили? Если да то вот или просто в корневом файле прописать их
    – InDevX
    24 фев в 7:48
  • @InDevX спасибо, да, использую иногда ng-deep, заработало. Хоть он уже как сто лет помечен как deprecated, но другого решения пока не видел. Спасибо. 24 фев в 7:53
  • 1
    Ну, главное Use ::ng-deep only with emulated view encapsulation., а другое решение я написал - киньте стили в глобальный файл стилей, styles.css
    – InDevX
    24 фев в 8:00

1 ответ 1

0

Такие вещи правильно не через @Input(), а через constructor(@Attribute('imageClass') public class: string = 'my-class') { }. Так как input отрабатывает на каждом цикле перерисовки, в отличье от инициализации в конструкторе.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.