角度 1.5 中的组件样式?

Posted

技术标签:

【中文标题】角度 1.5 中的组件样式?【英文标题】:Component styles in angular 1.5? 【发布时间】:2017-04-12 07:38:20 【问题描述】:

有没有办法在 Angular 1.5 中获取组件样式?

我特别想要以下内容:

自动生成的唯一性类 不影响子组件或父组件的样式

我已经安装了 webpack 和 es6,但我还没有找到使用组件样式的方法。

【问题讨论】:

您可以在 css 中使用组件名称,而不是类。它们不会影响父母,但当然会影响孩子。不要以为你可以用它做点什么。 【参考方案1】:

你可以试试 css-modules,用 webpack (css-loader) 和 angular 很容易做到

css modules and angular 1.5

webpack integration

【讨论】:

这看起来像是我想要的,但文档并没有激发人们对该工具的信心。 看看这个repo,这是一个完整的例子,包含 angular 1.5、webpack 和 css 模块:

以上是关于角度 1.5 中的组件样式?的主要内容,如果未能解决你的问题,请参考以下文章

D3.js 组件中的样式未以角度 2 显示

Angular 1.5 组件属性存在

如何在全局样式表中设置角度4组件选择器的样式?

角度指令到组件角度 1.5

在角度组件中使用 transcludeFn

角度 1.5。如何使嵌入的模板绑定到组件范围