angular fontawesome

Angular-Fontawesome

Offizielle Winkelkomponente für Schriftart Fantastische 5+

Installation

Wenn Sie Fontawesome Pro -Abonnement haben, konfigurieren Sie den Zugriff, bevor Sie den Installationsanweisungen befolgen.

Verwenden Sie ng add :

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

Mit Garn

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

Verwenden von NPM

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

Kompatibilitätstabelle

@FortAwesome/Angular-FontAwesome	Eckig	Schriftart großartig	ng-add
0,1.x	5.x	5.x	nicht unterstützt
0.2.x	6.x	5.x	nicht unterstützt
0.3.x	6.x && 7.x	5.x	nicht unterstützt
0.4.x, 0.5.x	8.x	5.x	nicht unterstützt
0,6.x	9.x	5.x	unterstützt
0,7.x	10.x	5.x	unterstützt
0,8.x	11.x	5.x	unterstützt
0.9.x	12.x	5.x	unterstützt
0.10.x	13.x	5.x && 6.x	unterstützt
0.11.x	14.x	5.x && 6.x	unterstützt
0.12.x	15.x	5.x && 6.x	unterstützt
0,13.x	16.x	5.x && 6.x	unterstützt
0,14.x	17.x	5.x && 6.x	unterstützt
0.15.x	18.x	5.x && 6.x	unterstützt
1.x	19.x	5.x && 6.x	unterstützt

Verwendung

Um mit der Schriftart fantastisch mit Angular in Betrieb zu nehmen, folgen Sie den folgenden Schritten aus:

1. Fügen Sie die imports FontAwesomeModule hinzu und binden Sie das Symbol in Ihrer Komponente src/app/app.component.ts an die Eigenschaft:

    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. Verwenden Sie das Symbol in der Vorlage src/app/app.component.html :

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

Dokumentation

• Eingehende Nutzungsanleitung
• Andere Stile verwenden
• Vollständige Funktionsliste
• Aktualisierung von Anweisungen
• Frequenz stellte Fragen

Beispiele

Stackblitz

Hier ist ein Stackblitz -Starter -Beispiel, um mithilfe der Icon -Bibliothek solide, reguläre und Markensymbole anzuzeigen.

Demo -Anwendung

Sie können Beispiele im projects/demo -Verzeichnis finden. Sie können den Dokumenten folgen, um die Demo -App auf Ihrem eigenen Computer auszuführen.

Beitragen

angular-fontawesome ist ein Produkt der Community.

Mitwirkende

Die folgenden Mitwirkenden haben entweder dazu beigetragen, dieses Projekt zu starten, Code beigetragen zu haben, es aktiv aufrechtzuerhalten (einschließlich Dokumentation) oder auf andere Weise großartige Mitwirkende für dieses Projekt. Wir möchten uns einen Moment Zeit nehmen, um sie zu erkennen.

Wenn wir jemanden vermisst haben (was sehr wahrscheinlich ist), senden Sie uns eine Pull -Anfrage und wir werden es beheben.