0

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

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

css:

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

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

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

1 ответ 1

1

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

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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