angular fontawesome

斜視

字體的官方Angular組件很棒5+

安裝

如果您有Fontawesome Pro訂閱，請在遵循安裝說明之前確保配置訪問。

使用ng add ：

 # See Compatibility table below to choose a correct version
$ ng add @fortawesome/angular-fontawesome@<version>

使用紗線

 $ yarn add @fortawesome/free-solid-svg-icons
# See Compatibility table below to choose a correct version
$ yarn add @fortawesome/angular-fontawesome@<version>

使用NPM

 $ npm install @fortawesome/free-solid-svg-icons
# See Compatibility table below to choose a correct version
$ npm install @fortawesome/angular-fontawesome@<version>

兼容性表

@fortawesome/angular-fontawesome	角	字體很棒	ng-add
0.1.x	5.x	5.x	不支持
0.2.x	6.x	5.x	不支持
0.3.x	6.x && 7.x	5.x	不支持
0.4.x，0.5.x	8.x	5.x	不支持
0.6.x	9.x	5.x	支持
0.7.x	10.x	5.x	支持
0.8.x	11.x	5.x	支持
0.9.x	12.x	5.x	支持
0.10.x	13.x	5.x && 6.x	支持
0.11.x	14.x	5.x && 6.x	支持
0.12.x	15.x	5.x && 6.x	支持
0.13.x	16.x	5.x && 6.x	支持
0.14.x	17.x	5.x && 6.x	支持
0.15.x	18.x	5.x && 6.x	支持
1.x	19.x	5.x && 6.x	支持

用法

要使用字體出色的字體啟動和運行，請按照以下步驟操作：

1. 將FontAwesomeModule添加到imports中，然後將圖標與組件src/app/app.component.ts中的屬性聯繫起來：

    import { Component } from '@angular/core' ;
   import { FontAwesomeModule } from '@fortawesome/angular-fontawesome' ;
   import { faCoffee } from '@fortawesome/free-solid-svg-icons' ;
   
   @ Component ( {
     selector : 'app-root' ,
     imports : [ FontAwesomeModule ] , // alternatively, individual components can be imported
     templateUrl : './app.component.html'
   } )
   export class AppComponent {
     faCoffee = faCoffee ;
   }

2. 在src/app/app.component.html中使用圖標：

    < fa-icon [icon] =" faCoffee " > </ fa-icon > 

文件

• 深入使用指南
• 使用其他樣式
• 完整功能列表
• 升級說明
• 頻率問問題

例子

Stackblitz

這是關於如何使用圖標庫展示固體，常規和品牌圖標的Stackbliten啟動樣本。

演示應用

您可以在projects/demo目錄中找到示例。您可以關注文檔在自己的計算機上運行演示應用程序。

貢獻

angular-fontawesome是社區的產物，您可以查看開發人員文檔，以了解有關如何貢獻該項目的更多信息。

貢獻者

以下貢獻者要么有助於啟動該項目，貢獻了代碼，積極維護它（包括文檔），或者以其他方式成為該項目的貢獻者。我們想花一點時間來認識它們。

如果我們想念某人（很可能）向我們提交拉動請求，我們將解決該請求。