Выделите строки с помощью ngFor в Angular Ionic на основе условия

Question

В моем приложении мне нужно выделить все строки на основе значения счетчика, используя ngfor в угловых.

Я пытался, и я могу выделить только конкретную строку на основе моего количества. Пожалуйста, помогите

https://stackblitz.com/edit/ionic-ypxtr7?file=app%2Fapp.component.ts

Если мое значение счетчика равно 3, мне нужновыделите строки с индексами 0, 1 и 2.

Answer 1

Изменить [ngClass]="(count-1==i)?'newMsg':'oldMsg'" на [ngClass]="(count-1>=i)?'newMsg':'oldMsg'"

Answer 2

Вы также можете передать функцию, такую ​​как

[ngClass]="isNew(i)?'newMsg':'oldMsg'"

И в компоненте

isNew(index) {
      if (index < this.count) {
        return true;
      }
      return false;
    }