angular - Angular 6 - 将字符串显示为标题并删除特殊字符

Question

我有以下代码来显示带有标题管道的文本。

{{person.name| titlecase}}

我想添加一个过滤器/管道，从字符串中删除特殊字符。只保留数字和字母。

例如：

“john doe”将是“John Doe”。

“@@johN doe1!!$”将是“John Doe1”。

标签： angularfilterpipe

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]