![]() |
1
1
Angular默认提供样式的封装(模拟)。这意味着每个组件都是独立的,同一页面中的两个组件之间不会有任何冲突。(例如,如果它们使用相同的类名)。 https://angular.io/guide/component-styles 根据官方文件:
要设置组件中包含的元素的样式(如果组件库本身未提供此功能),则有2个选项:
1) 将你的风格添加到全球
在全局范围内定义的样式没有任何封装
在组件中:
在你的
2) 禁用封装仿真
默认情况下,封装在组件内部定义的样式上是活动的(模拟的)。
要禁用它,您应该设置
在这种情况下,您将能够设置包含在组件的直接子元素中的子元素的样式。但是要小心,你可能会遇到风格冲突的其他问题。你现在的工作就是管理它们。 希望能有所帮助。 |
![]() |
2
0
通过传递[style]属性,可以直接更改图标的样式,如下所示。
|
![]() |
Jihed Ben Zarb · 造型角材料日期选择器 5 月前 |
![]() |
Ajay Kulkarni · 路由器与导航上的路线不匹配 6 月前 |
![]() |
Ole · Angular资源API是否支持为资源添加初始值? 6 月前 |