在运行时更改angular5-typescript下的fontawesome图标

时间:2018-09-01 07:10:16

标签: typescript angular5 font-awesome

我无法在运行时设置fontawesome图标,因为HTMLElement没有图标属性(2)。 有错误:
错误TS2339(TS)类型'HTMLElement'上不存在属性'icon'。

如果我不想在运行时重置字体真棒图标,在这里应该使用哪种类型(1)?
@ fortawesome / fontawesome-common-types 是否可以解决我的问题?

或者也许有其他方法可以做到这一点?

component.html文件:

<button type="button" data-toggle="button"
        (click)="runGSMode()">
  <fa-icon #iconGSStartRef [icon]="iconGSStart"></fa-icon>
</button>

components.ts文件:

  @ViewChild('iconGSStartRef')
  private iconGSStartEl: HTMLElement; //(1)

  private iconGSStart = faPlayCircle;
  private iconGSStop = faStopCircle;

  runGSMode() {
    this.iconGSStartEl.icon = faStopCircle; //(2)
  }

编辑: 可以将第(1)行中的HTMLElement更改为any

private iconGSStartEl: any; //(1)

,然后没有错误。但是图标还是不会改变。

0 个答案:

没有答案