angular fontawesome

Угловой Fontawesome

Официальный угловой компонент для шрифта Awesome 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	Поддерживается

Использование

Чтобы встать и работать с помощью шрифта 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 о том, как отображать твердые, обычные и значки бренда, используя библиотеку значков.

Демо -применение

Вы можете найти примеры в projects/demo каталоге. Вы можете следить за документами, чтобы запустить демонстрационное приложение на собственной машине.

Внося

angular-fontawesome является продуктом сообщества, вы можете взглянуть на документов разработчиков, чтобы узнать о том, как внести свой вклад в проект.

Участники

Следующие участники либо помогли начать этот проект, внесли код, активно поддерживают его (включая документацию), либо другими способами, являющимися потрясающими участниками этого проекта. Мы хотели бы потратить минутку, чтобы узнать их.

Если мы пропустили кого -то (что вполне вероятно) отправите нам запрос на привлечение, и мы получим его разрешение.