angular - 动态更改名称元素

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>

但它不起作用。任何线索如何实现这一目标？

标签： angularfont-awesome

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>