Angular + FontAwesome使用angular-fontawesome进行五个简单步骤

FontAwesome是互联网上最受欢迎的图标工具包,经过重新设计并从头开始构建。除此之外,还有图标字体连字,SVG框架,流行前端库(如React)的官方NPM包以及访问新CDN等功能。

在这篇文章中,我将向您展示如何配置fontawesome以仅在5-1步骤中使用角度。

在这些步骤中,我们将使用特定的Angular包配置fontawesome。在之前的帖子中,它是使用旧方法配置的,其中包括CSS。

第1步(或0)。启动你的项目

如果您正在考虑在角度项目中使用fontawesome,那么您可能已经初始化了一个项目。但是,对于本教程,让我们从头开始学习我们的项目。

步骤2.安装fontawesome

安装fontawesome。

第3步。包含FontAwesomeModule

将FontAwesomeModule添加到src / app / app.module.ts中的导入:

步骤4.添加fontawesome CSS类

将图标绑定到组件src / app / app.component.ts中的属性:

打开模板的组件,并在任何html元素中添加fontawesome CSS类:


第5步。运行你的应用

运行你的应用:

ng serve

越来越多……

  • Fontawesome

这篇文章的GitHub分支是https://github.com/Caballerog/angular-fontawesome-2

资讯来源:由0x资讯编译自DEV,原文:https://dev.to/angular/angular-fontawesome-in-five-easy-steps-using-angular-fontawesome-31dl ,版权归作者所有,未经许可,不得转载
你可能还喜欢