css - Angular:将 CSS 从父组件注入(inject)子组件

Question

目前我正在尝试创建一个 Angular Element

为了使元素/组件可在其他地方重用，我们需要以某种方式让父/宿主组件决定我正在处理的 Angular 元素的样式

我已经阅读了 some StackOverflow material这让我相信目前所有的方法都被弃用了

我认为这是我们目前可以做的

<host-element>
      <my-element [getStyle] = "getStyleFnFromHost"> </my-element>
</host-element>

不过，我觉得这不是一个好方法。

那么你认为我现在应该做什么？

编辑:我想澄清一下，我的问题与我所指的问题的区别在于:我想找到一种将 CSS/Style 从父元素注入(inject)子元素的好方法。这不一定涉及 级联 CSS 从父元素到子元素

Answer 1

如您引用的答案中所述，::ng-deep 穿孔组合器仍然是完成您所要求的唯一方法。是的，它很可能在未来被弃用，但前提是有合适的替代方案可用(目前还没有)。

来自 the Angular docs (我的亮点):

The shadow-piercing descendant combinator is deprecated and support is being removed from major browsers and tools. As such we plan to drop support in Angular (for all 3 of /deep/, >>> and ::ng-deep). Until then ::ng-deep should be preferred for a broader compatibility with the tools.