Angular , 2nd Edition

Pipes

Pipes sind wie Services sehr einfach zu testen. Sie implementieren die Methode transform, die nach ihrem Aufruf einen Rückgabewert liefert – perfekt also für einen Isolated Unit Test, den wir im Abschnitt Ein erster Unit-Test beschrieben haben. Das Beispiel Listing 17-33 zeigt eine Pipe, die bei Angabe einer Stadt den dazugehörigen Flughafen zurückliefert.

Listing 17-33: Pipe, die für die angegebene Stadt einen Flughafen zurückgibt

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({

name: 'flightCity',

pure: true

})

export class CityPipe implements PipeTransform {

transform(value: any, …args: any[]): any {

const fmt = args[0]; // short, long

let short, long;

switch (value) {

case 'Graz':

long = 'Flughafen Graz Thalerhof';

short ...