En la aplicación Angular, estoy usando filtros desplegables para la selección de usuarios. He agregado lógica en ngClass

<div [ngClass]="i > 2 && 'array-design'">

¿Cómo puedo mover la lógica para clasificar al controlador? Como cuando están en la plantilla, no es posible probarlos unitariamente.

 <ng-container *ngIf="searchFilters.length > 0; else loading"> <div class="filter-items" *ngFor="let filter of searchFilters; index as i"> <div [ngClass]="i > 2 && 'array-design'"> <app-multi-select [items]="filter.navigators" [title]="filter.name"></app-multi-select> </div> </div> </ng-container>

.scss

 .cross-reactivity, .array-design{ display: flex; flex-direction: row; align-items: center; margin-right: 5px; }