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

@Pipe({
  name: 'stationName',
  //pure: false // needed to react to array changes
})
@Injectable()
export class StationName implements PipeTransform {
  public transform(station: any, showNumber: boolean): string {
    let nameWithoutNumber = station.name.replace(/[0-9]+ *- */, '');
    if (showNumber) {
      return `${nameWithoutNumber} (no. ${station.number})`;
    } else {
      return nameWithoutNumber;
    }
  }
}

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

@Pipe({
  name: 'stationName',
  //pure: false // needed to react to array changes
})
@Injectable()
export class StationName implements PipeTransform {
  public transform(station: any, showNumber: boolean): string {
    let nameWithoutNumber = station.name.replace(/[0-9]+ *- */, '');
    if (showNumber) {
      return `${nameWithoutNumber} (${station.number})`;
    } else {
      return nameWithoutNumber;
    }
  }
}

--- 
+++ 
@@ -9,7 +9,7 @@
   public transform(station: any, showNumber: boolean): string {
     let nameWithoutNumber = station.name.replace(/[0-9]+ *- */, '');
     if (showNumber) {
-      return `${nameWithoutNumber} (${station.number})`;
+      return `${nameWithoutNumber} (no. ${station.number})`;
     } else {
       return nameWithoutNumber;
     }
Add no. to station display name
