angular fontawesome

Angular-fontawesome

Komponen Angular Resmi untuk Font Awesome 5+

Instalasi

Jika Anda memiliki langganan Fontawesome Pro, pastikan untuk mengonfigurasi akses sebelum mengikuti instruksi instalasi.

Menggunakan ng add :

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

Menggunakan benang

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

Menggunakan NPM

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

Tabel Kompatibilitas

@Fortawesome/Angular-Fontawesome	Angular	Font mengagumkan	NG-Add
0.1.x	5.x	5.x	tidak didukung
0.2.x	6.x	5.x	tidak didukung
0.3.x	6.x && 7.x	5.x	tidak didukung
0.4.x, 0.5.x	8.x	5.x	tidak didukung
0.6.x	9.x	5.x	didukung
0.7.x	10.x	5.x	didukung
0.8.x	11.x	5.x	didukung
0.9.x	12.x	5.x	didukung
0.10.x	13.x	5.x && 6.x	didukung
0.11.x	14.x	5.x && 6.x	didukung
0.12.x	15.x	5.x && 6.x	didukung
0.13.x	16.x	5.x && 6.x	didukung
0.14.x	17.x	5.x && 6.x	didukung
0.15.x	18.x	5.x && 6.x	didukung
1.x	19.x	5.x && 6.x	didukung

Penggunaan

Untuk bangun dan berjalan menggunakan font mengagumkan dengan sudut ikuti langkah -langkah di bawah ini:

1. Tambahkan FontAwesomeModule ke imports dan ikat ikon ke properti di komponen Anda 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. Gunakan ikon di template src/app/app.component.html :

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

Dokumentasi

• Panduan Penggunaan Mendalam
• Menggunakan gaya lain
• Daftar Fitur Lengkap
• Meningkatkan instruksi
• Pertanyaan yang diajukan frekuensi

Contoh

StackBlitz

Berikut adalah sampel starter stackblitz tentang cara menampilkan ikon yang solid, teratur, dan merek menggunakan perpustakaan ikon.

Aplikasi demo

Anda dapat menemukan contoh di direktori projects/demo . Anda dapat mengikuti dokumen untuk menjalankan aplikasi demo di mesin Anda sendiri.

Berkontribusi

angular-fontawesome adalah produk dari komunitas, Anda dapat melihat dokumen pengembang untuk menemukan lebih banyak tentang cara berkontribusi kembali ke proyek.

Kontributor

Kontributor berikut telah membantu memulai proyek ini, telah menyumbangkan kode, secara aktif memeliharanya (termasuk dokumentasi), atau dengan cara lain menjadi kontributor luar biasa untuk proyek ini. Kami ingin meluangkan waktu sejenak untuk mengenalinya.

Jika kami merindukan seseorang (yang sangat mungkin) mengirimkan permintaan tarik kepada kami dan kami akan menyelesaikannya.