Angular7引入Font Awesome

1.下载包

npm install --save font-awesome angular-font-awesome

2.导入相应的module

import { AngularFontAwesomeModule } from 'angular-font-awesome';
@NgModule({
  //...
  imports: [
    //...
    AngularFontAwesomeModule
  ],
  //...
})
export class AppModule { }

解释:这里不一定是AppModule,是你需要在哪个页面下使用,对应的Module

3.在style.scss中添加css文件

@import '~font-awesome/css/font-awesome.css';

Git上的步骤是下面这种方式,但是亲测显示不了,本人用的上面那种导入.仅供参考

"styles": [
    "styles.css",
    "/node_modules/font-awesome/css/font-awesome.css"
],

4.使用

<fa name="cog" animation="spin"></fa>

Name	Type	Options	Optional
name	String	F-A Icons	No
size	String	lg, 2x, 3x, 4x, 5x	Yes
fixed	Boolean	true, false	Yes
animation	String	spin, pulse	Yes
rotate	Number, String	90, 180, 270, horizontal, vertical	Yes
inverse	Boolean	true, false	Yes

参考: https://github.com/baruchvlz/angular-font-awesome#readme