angular - 当它由 router-outlet 创建时，如何将 css 类应用于组件元素？

我的 DOM 看起来像这样:

<app>
    <router-outlet></router-outlet>
    <project>...</project>
</app>

路由器插入 project 元素的位置。

如何向该元素添加类？

最佳答案

假设您总是希望将类应用于此组件，您可以使用 host在您的组件元数据中:

@Component({
  selector:'project',
  host: {
      class:'classYouWantApplied'
  }
})

导致:

<app>
    <router-outlet></router-outlet>
    <project class="classYouWantApplied">...</project>
</app>

关于angular - 当它由 router-outlet 创建时，如何将 css 类应用于组件元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34645315/