Как удалить элемент, который имеет `` ЗАКРЫТО '' в ngFor в angular /

Question

TS

  @Select(NotificationState.get('onDisplay')) onDisplay$: Observable<Array<Partial<Alert>>>;

HTML

<ng-container *ngFor="let notif of onDisplay$ | async; let i = index">
    <span>{{notif.name}}</span>
  </ng-container?>

данные:

[{
    name: 'John',
    case: 'CLOSED'
},{
    name: 'Joshua',
    case: 'CLOSED'
},{
    name: 'Carl',
    case: 'NEW'
},{
    name: 'Jen',
    case: 'CLOSED'
}]

Я использую наблюдаемый и пытаюсь удалить данные с case: 'CLOSED'. Как удалить элемент has CLOSED из массива в ngFor?

Answer 1

Демо написать собственный канал для этого

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
  name: 'closedPipe'
})

export class CustomPipe implements PipeTransform {
  transform(row: any[]): any {
      return row.filter(x=>x.case!="CLOSED");       
  }
}

Answer 2

Вы можете использовать директиву *ngIf, чтобы отображать только свойства с определенным условием.

<ng-container *ngFor="let notif of onDisplay$ | async; let i = index">
  <span *ngIf="notif.case !== 'CLOSED'">{{notif.name}}</span>
</ng-container>