Angular Pipe to transform a string into a slug with turkish character support.

slugify.pipe.ts

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

@Pipe({ name: 'slugify' })
export class SlugifyPipe implements PipeTransform {
  transform(input: string): string {
    const trChars = {
      'çÇ': 'c',
      'ğĞ': 'g',
      'şŞ': 's',
      'üÜ': 'u',
      'ıİ': 'i',
      'öÖ': 'o'
    };
    for (const key of Object.keys(trChars)) {
      input = input.replace(new RegExp('[' + key + ']', 'g'), trChars[key]);
    }
    return input
      .toString()
      .toLowerCase()
      .replace(/\s+/g, '-')           // Replace spaces with -
      .replace(/[^\w\-]+/g, '')       // Remove all non-word chars
      .replace(/\-\-+/g, '-')         // Replace multiple - with single -
      .replace(/^-+/, '')             // Trim - from start of text
      .replace(/-+$/, '');            // Trim - from end of text
  }
}

your.component.ts

import { SlugifyPipe } from '../../shared/slugify.pipe'; //import it from your path
//your other imports

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css'],
  providers: [SlugifyPipe]
})

export class YourComponent{
  constructor(private slugifyPipe: SlugifyPipe){}
  
  slugify(input: string){
      const your_new_slug = this.slugifyPipe.transform(input);
  }
}

Thanks, @ruslanguns. I'm glad you use it.