1

ここで何か間違ったことをしたと思います。

angular-fontawesome モジュールを使いたい。指示に従って正常にインポートAppModuleします。

export class AppModule {
constructor(library: FaIconLibrary) {
    // Add an icon to the library for convenient access in other components
    library.addIcons(
        faUsers,
        faUserCircle,
        faDesktop,
        faTachometerAlt,
        faWrench,
        faFolder,
        faChartArea,
        faTable,
        faSearch,
        faBell,
        faFileAlt,
        faExclamationTriangle,
        faDonate,
        faEnvelope,
        faUser,
        faCogs,
        faList,
        faSignOutAlt,
        faAngleUp,
        faLaughWink,
        faServer,
        faWarehouse,
        faPlusCircle
    )
}

しかし、自分のプロジェクト内モジュールで使用したい場合は、admin.module.ts. すべてを再度インポートする必要がありますか? 同じコードをadmin.module.ts再度配置する必要がありますか?

私にはそう思われる。AppModuleルートモジュールです。アイコンを使用したい他のモジュールがある場合は、これを行う必要があるかもしれません。しかし、本当に？でもAppModule十分ではありませんか？

4

2 に答える 2

1

ドキュメントによると

アイコンは FaIconLibrary.addIcons() または FaIconLibrary.addIconPacks() を使用して app.module に一度登録できます。ライブラリに追加されたアイコンは、親モジュールが FontAwesomeModule もインポートする他のコンポーネントで使用できます。

したがって、次の手順を再確認してください

1   Import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome'
2   Add FontAwesomeModule to imports
3   Inject FaIconLibrary into constructor of the module.
4   Import an icon like { faCoffee } from '@fortawesome/free-solid-svg-icons'
5   Add icon to the library with library.addIcons(faCoffee)
于 2020-11-15T08:33:29.750 に答える