要在Angular 6中正确显示Font Awesome图标,您需要按照以下步骤进行操作:
-
安装Font Awesome
使用npm安装Font Awesome库。在终端中运行以下命令:
npm install @fortawesome/fontawesome-free
-
配置Angular.json
打开angular.json文件并找到"styles"数组。将以下内容添加到数组中:
"node_modules/@fortawesome/fontawesome-free/css/all.min.css"
-
在组件中使用Font Awesome图标
在需要使用Font Awesome图标的组件中,您可以像使用其他HTML元素一样使用Font Awesome图标。例如,在模板文件中添加以下代码:
<i class="fas fa-camera"></i>
-
重启开发服务器
如果您正在运行开发服务器,请在更改配置后重新启动它以使更改生效。
这样,您应该能够在Angular 6中正确显示Font Awesome图标了。