Как в компонент Angular прокинуть класс как параметр?

В Angular компоненты представляют собой основные строительные блоки приложения. Они создаются с помощью декоратора @Component и содержат в себе логику и шаблоны HTML.

Чтобы прокинуть класс как параметр в компонент Angular, можно использовать входные свойства (input properties). Входные свойства позволяют передавать данные в компонент из вне.

Для того, чтобы прокинуть класс как параметр, сначала нужно создать свойство входного параметра в компоненте. Это делается с помощью декоратора @Input перед объявлением свойства:

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    <div [class]="myClass">Some content</div>
  `
})
export class MyComponent {
  @Input() myClass: string;
}

В приведенном примере мы создали входное свойство myClass с типом string. Затем мы используем это свойство в шаблоне компонента, привязывая его к атрибуту класса элемента div.

Теперь, чтобы передать класс в компонент, нужно использовать его селектор и привязать значение входного свойства к свойству класса в родительском компоненте:

<app-my-component [myClass]="'my-custom-class'"></app-my-component>

В этом примере мы передаем строковое значение 'my-custom-class' в качестве значения входного свойства myClass компонента MyComponent.

Однако, если вам нужно передать в компонент не только класс, но и объект класса со всеми его свойствами и методами, вам потребуется использовать директивы контента (Content Projection) или сервисы для обмена данными между компонентами.

Надеюсь, эта информация поможет вам прокинуть класс как параметр в компонент Angular.