如何将 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?

推荐答案

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

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屋！