Как установить имя класса CSS происходит из массива объекта json внутри ngFor |Угловой 6

Question

У меня есть цикл, в котором я динамически отображаю значки, положение значков стилизовано с помощью css на 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], но не работает, любая помощь приветствуется.

Answer 1

Что ж, после того, как я открыл элемент проверки и наведя курсор на теги, я нашел на экране заголовочное сообщение со стрелкой направления вне высоты экрана, поэтому я изменил появившийся значок margin-top attr th.

но я вполне уверен, что когда я устанавливаю имя класса без использования значения элемента json, оно отображается нормально, но когда я использую элемент json, значки появляются в другом положении, но я понятия не имею, почемуэто происходит.но это наконец-то сработало