css - Font Awesome 库无法与 Angular 元素中的 Angular Material 库一起使用

Question

我试图在我的元素中使用 font awesome css，但 css 没有应用于 HTML 元素。 如果我删除 Angular Material 主题，那么只有 Font Awesome CSS 可以工作。但是 Angular Material Components 将不起作用!!!

@import "~font-awesome/css/font-awesome.css";
@import "~@angular/material/prebuilt-themes/indigo-pink.css";

对此的任何指导 -

Answer 1

在 angular.json 中，我们有 styles 属性，可以加载第三方 css 文件。

"styles": [
     "node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
     "font-awesome/css/font-awesome.css"
],