Angular 1 Filters vs Angular 2 Pipes

angular1-filters-v-angular2-pipes.js

// Angular 1
const module = angular.module('myModule', []);
module.filter('kebabCase', () => (input) => input.toLowerCase().replace(' ', '-'));

/***************************************************************/

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

@Pipe({name: 'kebabCase'})
class KebabCasePipe implements PipeTransform {
  transform(input: string): string {
    return input.toLowerCase().replace(' ', '-')
  }
}

// Usage (Angular 1 + Angular 2)
// {{'Hello World' | kebabCase}}
// 'hello-world'