Css 添加构件级样式，而不是角度中的全局样式

我在angular应用程序中使用angular模板，并将所有模板文件移动到名为仪表板模块的单独模块中。由于我在项目中使用了不同的全局样式，为了防止样式冲突，我在仪表板模块组件中导入了模板样式

仪表板.componenet.scss

@import'“src/assets/templates/argon设计系统/scss/argon.scss”

我在所有模板模块的样式URL[]数组中添加了dashboard.componenet.scss文件

navbar.component.ts

@组件({
选择器：“应用程序导航栏”，
templateUrl:'./navbar.component.html'，
样式URL:['./navbar.component.scss'，'../../dashboard.component.scss']
})
导出类NavbarComponent实现OnInit{
}

通过这样做，我可以看到大多数scss文件正在加载，而有些文件没有加载。因此，仪表板未按预期渲染。但是当我在angular.json全局样式中添加URLsrc/assets/templates/argon design system/scss/argon.scss时，一切都正常工作

我做错了什么

---

谢谢，

我建议将其导入navbar.component.scss，因为它将样式保留在组件中。

为什么不将scss文件导入

style.scss

文件中呢。您不必在每个组件上添加

dashboard.scss

。@uiTeam324，正如我提到的“我在项目中使用不同的全局样式”。如果我在

styles.scss

中导入它，它将与项目中的其他样式发生冲突。