遵循此处的说明:
https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers
在此处设置Pro图标
https://fontawesome.com/how-to-use/on-the-web/using-with/angular
在Angular 6中使用
当我仅使用免费图标时,效果很好。
在模块中:
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
在component.ts中:
import { faHandshake } from '@fortawesome/free-solid-svg-icons'
export class EntityUserComponent implements OnInit {
faHandshake = faHandshake;
在component.html中:
<fa-icon [icon]="faHandshake"></fa-icon>
但是当我尝试从以下位置访问它或任何其他图标时:
import { faHandshake } from '@fortawesome/fontawesome-pro'
该图标没有出现,在控制台中,我得到:
FontAwesome:找不到图标。您似乎提供了一个空值 或该组件的未定义图标对象。
我已阅读FontAwesome Icons in Angular 6?,但不认为OP的解决方案适用于我,因为我认为这可能是Pro的问题(尽管不确定VS是什么!),并且热衷于尝试做到这一点如果可能的话,采用“适当”的方式。感谢所有收到的指针。