将CSS类应用于Component标签

Question

我有角度分量（简化版）：

export class HeaderMainComponent { }

使用HTML：

<header>

  <nav>
    <li>Link 1</li>
    <li>Link 2</li>
  </nav>

</header>

我将其使用如下：

<header-main class="dark"></header-main>

如何将header-main的dark CSS类应用于标题标签？

<header class="dark">

是否可以在组件中不使用变量？

Answer 1

<header-main [classes]="'dark other-class'"></header-main>

在header-main.ts中：

@Input('classes') classes: string;

在header-main.html中：

<header class="{{classes}}"></header>