Как добавить класс в средние элементы Angular ngFor, или класс по умолчанию

Question

У меня есть Angular, проходящий через некоторые данные, и я могу добавить класс к первому и последнему элементам, но как я могу добавить класс ко всем остальным?

    <div *ngFor="let cat of item['catagory']; 
                 let first = first; 
                 let last = last" 
                 [class.article_cat_first]="first" 
                 [class.article_cat_last]="last">
         {{cat['title']}}
    </div>

Или можно добавить значение по умолчанию?

Answer 1

Вы можете добавить класс к другим предметам с условием !first && !last:

<div *ngFor="let cat of item['catagory']; let first = first; let last = last" 
     [class.article_cat_others]="!first && !last" ... >
     ...
</div>

Чтобы установить класс по умолчанию, используйте обычный атрибут class:

<div *ngFor="let cat of item['catagory']; let first = first; let last = last" 
     class="defaultClass" ... >
     ...
</div>

См. этот стек для демонстрации.