Angular 6 - отображать строку как заглавную и удалять специальные символы

Question

У меня есть следующий код для отображения текста с заглавной буквы.

{{person.name| titlecase}}

Я хотел бы добавить фильтр / трубу, которая удаляет специальные символы из строки. Оставайтесь только с цифрами и буквами.

Например:

"Джон Доу" будет "Джон Доу". ​​

"@@ johN doe1 !! $" будет "John Doe1".

Answer 1

Вот один из вариантов AlphaNumPipe:

@Pipe({
  name: 'alphaNum'
})
export class AlphaNumPipe implements PipeTransform {

  transform(value: string): string {
    return value.replace(/[\W_]/g, '');
  }

}

Примечание \W_ - это отрицание \w регулярного выражения, которое является сокращением для [A-Za-z0-9], то есть всех буквенно-цифровых символов.

Answer 2

Вы можете создать свой собственный канал, который будет делать это,

, используя

ng генерировать трубу my-pipe

и использовать простойregex replace

  export class MyPipePipe implements PipeTransform {

  transform(value: any, args?: any): any {
    return  value.replace(/[^a-zA-Z0-9 ]/g, "");
  }

}

Вы должны прочитать больше о создании пользовательских каналов здесь