Pipes Demo - Order Suffix Pipe (part 2)

order-suffix.pipe.ts

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

@Pipe({
  name: 'orderSuffix'
})
export class OrderSuffixPipe implements PipeTransform {
  suffixMap = {
    1: 'st',
    2: 'nd',
    3: 'rd'
  };

  transform(value: number, args?: any): string {
    const lastDigit = value % 10;
    const suffix = this.suffixMap[lastDigit];

    return !suffix
      ? `${value}th`
      : `${value}${suffix}`;
  }

}