angular - Angular 5 - 对于路由组件，如何删除 ng-component 标签元素

Question

首先，我想说我知道如何通过选择器删除组件的标签。比如像这样使用属性选择器：

selector: "div[my-component]"

我现在正在使用 Angular 5，我的问题是有由渲染的组件router-outlet，并且这些组件被自动放入一个ng-component元素中。我无法在任何地方使用属性选择器。如何删除这个元素？该元素导致我的 CSS 中断。

score 0 · Accepted Answer

您可以将主机传递到您的路由器插座。这将帮助您添加类，因此您可以在该类的插座上应用您的 CSS。

@Component({ selector: 'my-component',
templateUrl: './my-component.html', host: { class: 'my-component-container' } })

1 回答 1