css - 如何设置 CSS 类名来自 ngFor 内部的 json 对象数组 | 角 6

Question

我有一个循环，在其中动态显示图标，图标的位置由csson设置样式style.css，但类名实际上是 json 对象的元素。

问题是如何使用 json 元素的值style来设置图标的样式。

*ngFor 看起来像这样：

  <div *ngFor="let count of counters; let i = index"  class="{{count.style}} dispanserDiv ">
      <span class="dispLabel"> {{count.name }}</span>
    <img (click)="openStockModal(stockModal)" class="dispanser" src="../assets/icons/dispanserIcons/0.png">
  </div>

我也尝试过 [ngClass] 但没有工作，感谢您的帮助。

标签： cssloopsclassangular6ngfor

Answer 1

好吧，在我打开检查元素后，我将鼠标悬停在我在屏幕上找到的标签上，一条标题消息带有一个方向箭头超出了碎石的高度，所以我更改了margin-topattr 图标再次出现。

但我很确定当我在不使用 json 元素值的情况下设置类名时，它显示正常，但是当我使用 json 元素时，图标出现在不同的位置，但我不知道为什么会这样。但它终于奏效了