Angular 带ngClass的角度ngFor

我有一个带有天气条件的数组和一个带有图标类名的arrray，其大小与天气条件相同。我想显示带有iconNames[I]类名的'I'标记。我该怎么做

<li *ngFor="let item of weather; let i = index">
  <h1>{{ item.valid_date }}</h1>
  <h2>{{ item.temp }}</h2>
  <i [ngClass]="{iconNames[i]}"></i>
</li>

您可以使用：

<li *ngFor="let item of weather; let i = index">
  <h1>{{ item.valid_date }}</h1>
  <h2>{{ item.temp }}</h2>
  <i [class]="iconNames[i]"></i>
</li>

要使用ngClass，您可以在组件中创建函数，并在*ngFor内调用它以获取动态值

getClassName(i) {
    return iconNames[i];
}

调用html

<li *ngFor="let item of weather; let i = index">
  <h1>{{ item.valid_date }}</h1>
  <h2>{{ item.temp }}</h2>
  <i [ngClass]="getClasses(i)"></i>
</li>

---

你试过这个吗，没有{{}