Angular 7: динамические фильтры в * ngFor

Question

Я отображаю список, как показано ниже

<tr role="row" *ngFor="let record of recordList | filterColumn: {AccessCode: filters.accessCode} | filterColumn: {Organization: filters.organization} | filterColumn: {LastName: filters.lastName}"></tr>

Теперь я хочу сгенерировать | filterColumn: {AccessCode: filters.accessCode} | filterColumn: {Organization: filters.organization} из кода / компонента и добавить его в цикл for.

Эти фильтры условны& я создаю общую сетку.Поэтому я хочу сделать эти фильтры динамически

Как мне этого добиться

Answer 1

Вот два способа сделать это:

1) Измените массив, через который вы проходите, в вашем компоненте с помощью ваших фильтров.Если вы нажимаете кнопку, чтобы активировать фильтр, выполняйте фильтрацию массива в компоненте при нажатии кнопки.

2) Выполните цикл в элементе ng-container, и под ним будет вложен ngIf:

 <ng-container *ngFor="let record of recordList">
    <tr role="row" *ngIf="record.AccessCode === filters.accessCode"></tr>
 </ng-container>