Lambda-Funktion mit Angular 4

Question

Ich weiß wenig über Lambda, und Lambda-Ausdruck wird als eine Funktion behandelt. und wir haben viele Möglichkeiten, das zu tun.

Dies ist meine einfache Funktion auf TypeScript Datei

byPan(card1,card2){ 
    return card1.pan == card2.pan; 
} 

, die ich in HTML-Datei verwenden wie

<select [compareWith]="byPan" class="form-control" [(ngModel)]="card"> 
    <option *ngFor="let cardInfo of cards" [ngValue]="cardInfo">{{cardInfo.pan}}</option> 
</select> 

Wenn ich diese Funktion in Lambda ersetzt werden soll, dann kann ich wie folgt schreiben.

var myFunc2 = (card1, card2) => { return card1.pan == card2.pan}; 

Also meine Frage ist, Kann ich diese Lambda-Funktion verwenden, um direkt auf einem beliebigen Winkel Eigenschaft wie compareWith oder so ähnlich?

<select [compareWith]="(card1,card2)=> { return card1.pan == card2.pan}" class="form-control" [(ngModel)]="card"> 
    <option *ngFor="let cardInfo of cards" [ngValue]="cardInfo">{{cardInfo.pan}}</option> 
</select> 

Answer 1

Sie können die Pfeilfunktion nicht einfach in der Vorlage ausführen. Angular akzeptiert nur Ausdrücke, die mit component oder directives binden können. Also im Grunde nicht, Sie können die Pfeilfunktion in der Vorlage nicht verwenden. Es ist das Beste, es als eine Methode in Ihrem component zu lassen.

Allerdings, wenn Sie auf kleine Ausdrücke suchen, können Sie shorthand if verwenden es aussehen könnte:

[compareWith]="card1.pan == card2.pan" // returns bool value 

oder

[compareWith]="card1.pan == card2.pan ? 'foo' : 'bar". 

Answer 2

Funktionen können nicht in Vorlagen definiert werden, vor allem, weil diese in eval führen würde im JIT-Kompilierungsmodus. Die Verwendung von Komponentenvorlagen für Dinge, die hauptsächlich zu Klassen gehören, würde zu schlechtem Code führen, der schwer zu pflegen ist.

Wenn eine Funktion definiert wurde, sollte sie als Komponente Klassenmethode definiert werden. Es kann entweder normale oder Pfeilfunktion sein.