angular fontawesome

ทำด้วยความมหัศจรรย์

องค์ประกอบเชิงมุมอย่างเป็นทางการสำหรับแบบอักษรที่ยอดเยี่ยม 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	เชิงมุม	ตัวอักษรที่ยอดเยี่ยม	การเพิ่มขึ้น
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	ที่ได้รับการสนับสนุน

การใช้งาน

ในการลุกขึ้นและทำงานโดยใช้แบบอักษรที่ยอดเยี่ยมด้วย Angular ทำตามขั้นตอนด้านล่าง:

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 Starter เกี่ยวกับวิธีการแสดงไอคอนที่เป็นของแข็งปกติและแบรนด์โดยใช้ไอคอนไลบรารี

แอปพลิเคชันสาธิต

คุณสามารถค้นหาตัวอย่างใน projects/demo คุณสามารถติดตามเอกสารเพื่อเรียกใช้แอพสาธิตบนเครื่องของคุณเอง

การบริจาค

angular-fontawesome เป็นผลิตภัณฑ์ของชุมชนคุณสามารถดูเอกสารนักพัฒนาซอฟต์แวร์เพื่อค้นหาเกี่ยวกับวิธีการที่จะมีส่วนร่วมในโครงการ

ผู้มีส่วนร่วม

ผู้มีส่วนร่วมต่อไปนี้ได้ช่วยในการเริ่มโครงการนี้มีการสนับสนุนรหัสได้รับการดูแลอย่างแข็งขัน (รวมถึงเอกสาร) หรือในรูปแบบอื่น ๆ ที่เป็นผู้มีส่วนร่วมที่ยอดเยี่ยมสำหรับโครงการนี้ เราต้องการใช้เวลาสักครู่เพื่อรับรู้พวกเขา

หากเราพลาดใครบางคน (ซึ่งค่อนข้างน่าจะเป็น) ส่งคำขอดึงมาให้เราและเราจะได้รับการแก้ไข