Angular 2 Korrekte Syntax

Question

Wir haben eine Entität namens operator, die eine Beziehung mit einer Entität namens country hat. Wir möchten eine Operatorliste basierend auf dem Ländernamen filtern. Wie können wir diesen Filter vom Operator schreiben? Was ist die korrekte Syntax?

html:

[(ngModel)]="opFilter.country?.name" 

ts:

opFilter: any = { country?.name : '' }; 

Answer 1

Was Sie erreichen wollen kann getan werden, ein einfaches pipe verwenden.

@Pipe({ name: 'countryFilter' }) 
export class CountryFilterPipe implements PipeTransform { 

    transform(operators: Operator[], countryName) { 
    return operators.filter(operator => operator.country === countryName); 
    } 
} 

und binden es in der Vorlage wie folgt aus:

<h2 *ngFor="let op of operators | countryFilter: country">{{op.name}}</h2> 

Wo country eine Eigenschaft ist wollen den Namen des Landes Sie enthält filtern.

Hier ist eine vollständige Demo: https://plnkr.co/edit/GTP6P0PCDudH3NmWkkJf?p=preview