仅在创建角度组件时应用样式

Alan Martin Revillagigedo Tula

我正在使用 Angular Router 动态创建组件。此外,我正在导入“材料设计”CDN,因为我的第一个组件 (SectionAComponent) 需要它来设置其表单的样式。

但是,另一方面,我不希望我的 SectionBComponent 表单受到“材料设计”样式的影响。

我想知道是否有一种方法可以在 SectionAComponent 的样式表中导入 CDN,将其范围限制为内部组件,或者仅在实例化组件时才在 DOM 中删除/插入样式。

海达尔·泽内丁

要以 angular 的方式解决此问题,您必须检查 angular 的View Encapsulation

另外,尝试在您的组件 scss 中导入材料设计样式,而不是像下面这样全局导入它

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

仅在渲染Vue组件时更改样式

角度2:通过组件选择器应用CSS样式

不应用样式的样式组件

Vue:仅在创建组件时才导入SCSS

特定组件的自定义样式将应用于角度6中的所有组件

仅在IE上应用样式

从子组件样式化角度材料组件

如何仅在应用启动时创建通知?

如何仅在使用样式组件的条件为 true 时添加 css 属性并做出反应?

将样式应用于特定于全局 css 文件的角度材料组件

角度-样式未从父级应用于我的自定义组件

角度样式未应用于组件(尽管使用了宿主选择器)

使用样式组件和TypeScript创建组件包装器时遇到问题

样式动态创建的Angular组件

动态创建的 React 样式组件

XAML样式仅在使用MergedDictionaries时在第二实例之后应用

提取组件后,角度2丢失样式

SnackBar组件的角度材质覆盖默认样式

如何动态更新角度组件的样式

无法将样式应用于具有Angular的组件css中的svg,仅在全局css文件中

从包含组件角度应用 css

以角度创建嵌套的动态组件

角度2。动态组件创建

反应样式化的组件不将样式应用于组件

如何仅在首页上应用此样式?

当父组件已经定义了样式时,CSS无法按预期在React Native中应用

定义自定义选项组件时,如何为 react-select 应用默认样式?

当它们在不同的组件中时,我可以对 antd pop over 应用不同的样式吗?

从宿主组件角度覆盖子组件样式的正确方法