【问题标题】:Angular 5 - for routed component, how to remove ng-component tag elementAngular 5 - 对于路由组件,如何删除 ng-component 标签元素
【发布时间】:2018-06-07 02:12:15
【问题描述】:

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

selector: "div[my-component]"

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

【问题讨论】:

    标签: angular router-outlet


    【解决方案1】:

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

    @组件({ 选择器:“我的组件”,
    模板网址:'./my-component.html',主机:{ 类:'我的组件容器'}})

    【讨论】:

    • 这个为父 ng 组件设置的类,但不要解决我的问题。有像 .A>.B>.C 这样的 CSS 样式,ng-component 通过添加标签来破坏树。所以理想的解决方案是去掉这个标签。感谢您的信息!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-02-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-03
    • 2017-11-24
    • 1970-01-01
    相关资源
    最近更新 更多