我正在使用独立组件和Angular Material开发一个 Angular 19 项目。
我想将FontAwesome 图标( @fortawesome/angular-fontawesome) 与 Angular Material 组件一起使用mat-icon，但我不确定如何正确集成它们。
以下是我目前所做的：
/// <reference types="@angular/localize" />
import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';
import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
我安装了所需的软件包：
npm install @fortawesome/fontawesome-svg-core
npm install @fortawesome/free-solid-svg-icons
npm install @fortawesome/angular-fontawesome
但是，我不确定：
- 如何在独立设置
FaIconLibrary中正确注册图标。 - 如何使用
<fa-icon>内部 Angular Material 组件mat-list，如mat-toolbar、等。 - 是否有一种干净的方法来使用 FontAwesome 图标，
mat-icon或者是否<fa-icon>必须单独使用。
任何示例或最佳实践都将受到赞赏！