在 Angular 中添加条件 css 文件的方法有哪些答案

【问题标题】：What are the ways to add conditional css file in Angular在 Angular 中添加条件 css 文件的方法有哪些
【发布时间】：2021-12-22 20:05:36
【问题描述】：

我们如何在 Angular 中应用 css 文件或有条件地导入 css 文件。

注意：我们应该有多个 css 文件，并且在条件下它应该将 css 文件应用于 angular 组件。

我们可以通过多少种方式实现它？任何方法都可以使用。

【问题讨论】：

什么类型的条件？（通常，您会根据有条件设置的类有条件地应用 CSS 样式。）
条件是获取 URL 参数值，我们应该应用正确的 css 文件，例如 url 参数值是红色的，然后应该导入或使用 red.css 文件。
知道了。这可能是您正在寻找的：stackoverflow.com/questions/58553876/…
这能回答你的问题吗？ Angular 2 - How to dynamically change an entire CSS stylesheet based on URL queryparams
不，它不符合我的要求

【解决方案1】：

你可以使用 ngClass 指令：

<div id="mydiv" [ngClass]="{'myCSSclass' : condition}"></div>

【讨论】：