使用Angular 2向String添加转换

Question

如何使用Angular 2从第一个字符串中获取第二个字符串？

我的第一个字符串

  

whatIWantToShowCorrectly

我的第二个字符串

  

我想要正确展示

[我发现我可以使用LowerCasePipe将upperCase caracters转换为lowerCase caracters]

有没有办法在不创建函数的情况下为字符串添加空格？

Answer 1

您可以使用以下自定义管道：

@Pipe({name: 'whitespace'})
export class WhiteSpacePipe implements PipeTransform {
  transform(value: number) {
    return value.replace(/([A-Z])/g, ' $1');
  }
}

在你的模板中：

{{ str | whitespace }}

如果你想避免第一个空格，那么：

value.replace(/([A-Z])/g, ' $1').trim()

另见http://plnkr.co/edit/VnWHrI6aoTuooqFgj2Qa?p=preview