Question

我实际上是在尝试使用angular-font-awesome（https://www.npmjs.com/package/angular-font-awesome）在我的项目中添加图标。我安装了指南中所述的组件和页面中的示例：

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

工作正常。我现在想动态更改名称。我尝试这个

    <label *ngFor="let icon of config.icons; let i = index" >
      <fa name=[icon.name] animation="spin"></fa>
    </label>

但不起作用。有什么线索可以实现吗？

Answer 1

使用以下两种方法之一。

<label *ngFor="let icon of config.icons">
    <fa [name]="icon.name" animation="spin"></fa>
</label>

<label *ngFor="let icon of config.icons; let i = index" >
  <fa name="{{icon.name}}" animation="spin"></fa>
</label>

动态更改<fa>元素的名称

1 个答案: