【发布时间】：2016-08-20 08:29:33
【问题描述】：
我正在做一个 Angular 2 项目，但遇到了这个问题：
- 我使用 sass 将我的样式编译为压缩的 css：
- 然后我在我的组件中获取 css 文件：
样式代码有效。但是当我检查开发工具时，它看起来像这样： （注意末尾的“
<style>...</style>”）
有谁知道我该如何解决这个问题？
【问题讨论】：
-
如果可以的话，您可以将样式放入您的
index.html文件中。顺便说一句，<style>..</style>有什么问题？ -
@A_Singh 是的，我也考虑过将它放在 index.html 中作为一个选项，但我希望样式更加动态而不是静态，因为如果我将它们放在索引中.html...关于样式文本，我只是不喜欢它的显示方式。我从未见过以这种方式显示的任何好的代码，而且看起来不专业：/
-
AFAI 可以认为，它的存在是有原因的，只迎合特定组件，而不是为其他组件。如果你想让它看起来不错，你可以手动将它们注入到组件
constructor中的index.html头部，然后在ngOnDestroy()生命周期钩子中删除。不专业？看不出来，我不是很专业
标签： css typescript sass angular