如何为父组件添加样式？

Question

由于在angular.json的styles]中引用的样式表无法在Component的styleUrls []装饰器中引用，因此从父组件的主CSS文件中为父组件中的子元素设置样式的准确方法是什么？

EX。

(?!^0+$)

我希望能够对父组件模板（包括子组件HTML选择器内部的代码）内部的样式进行样式设置，而不会损害angular.json文件中引用的样式表。 （styles.css）

我试图在父组件的TS文件的装饰器中设置这两个属性中的一个...

app-component > parent-component > child-component

encapsulation : ViewEncapsulation.ShadowDom

但是，问题出在以下事实：如果我使用这些方法之一，则angular.json文件中的样式将不适用于父容器或任何子容器！有帮助吗？

Answer 1

您要查找的ViewEncapsulation是ViewEncapsulation.None。

Answer 2

您实际上并不想更改父组件的样式，而是要更改其状态，然后根据状态更改设计。

为此，只需在子组件中使用EventEmitter，然后在父组件中使用它即可。

---

否则，如果您不使用发射器来更改状态（和父模板），则无法通过遵循Angular标准和准则来做到这一点。

制作Angular组件结构是为了在每个组件之间创建层次结构。通过遵循这些标准，组件可以对父组件执行的唯一操作就是发出信息。