由路由器出口创建CSS类时如何将其应用于组件元素? [英] How to apply css class to a component element when it's created by router-outlet?

问题描述

我有看起来像这样的DOM:

I have DOM that looks something like this:

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

其中project元素由路由器插入.

where project element is inserted by the router.

如何为该元素添加一个类?

How do I add a class to this element?

推荐答案

假设您始终希望将类应用于此组件，则可以使用

Assuming you always want the class applied to this component, you can use host in your component metadata:

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

结果:

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

这篇关于由路由器出口创建CSS类时如何将其应用于组件元素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！