【问题标题】:Angular 2 extending component - how to inherit stylesAngular 2 扩展组件 - 如何继承样式
【发布时间】:2017-10-19 15:22:18
【问题描述】:

我只想扩展组件并覆盖其 html 模板,但保留了所有逻辑和样式。不幸的是,我看到父组件中定义的所有样式都没有被继承。有没有办法使用扩展组件的样式? 附言这是在 node_modules 中定义的组件,所以我可以编辑源代码。

【问题讨论】:

    标签: angular2-template angular2-components


    【解决方案1】:

    如果您想将样式渗透到组件中。你可以把它放在你的目标组件上。

       @Component({
        encapsulation: ViewEncapsulation.None
      })
    

    【讨论】:

    • 它不工作。 ViewEncapsulation 应该在父组件中不是吗?但是我不能修改父组件。
    • 仅供参考,这不会解决问题。我在自己的 node_module 中尝试过。封装与样式被限制在站点内的那个元素有关,我们仍然希望这种情况发生,但是样式继承自 extended 组件,而不是 nested 组件。
    猜你喜欢
    • 1970-01-01
    • 2016-12-15
    • 2018-12-03
    • 1970-01-01
    • 2018-03-01
    • 2018-04-20
    • 2017-08-06
    • 2011-04-06
    • 2018-12-31
    相关资源
    最近更新 更多