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/الزاوي	زاوي	الخط رائع	نانوغرام
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	مدعوم

الاستخدام

للاستيقاظ والتشغيل باستخدام Font Awesome مع 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

إليك عينة StackBlitz Starter حول كيفية عرض الرموز الصلبة والمنتظمة والعلامة التجارية باستخدام مكتبة Icon.

التطبيق التجريبي

يمكنك العثور على أمثلة في دليل projects/demo . يمكنك متابعة مستندات لتشغيل التطبيق التجريبي على الجهاز الخاص بك.

المساهمة

angular-fontawesome هو نتاج للمجتمع ، يمكنك إلقاء نظرة على مستندات المطور للعثور على المزيد حول كيفية المساهمة مرة أخرى في المشروع.

المساهمين

ساعد المساهمون التاليون إما في بدء هذا المشروع ، أو ساهموا في الكود ، أو الحفاظ عليه بنشاط (بما في ذلك الوثائق) ، أو بطرق أخرى كونها مساهمين رائعين في هذا المشروع. نود أن نتوقف لحظة للتعرف عليها.

إذا فاتنا شخص ما (وهو أمر محتمل تمامًا) تقديم طلب سحب إلينا وسنحله.