如何去除文本中的空格

Question

如何在我的 Angular 应用程序中修剪文本字符串？

例子

{{ someobject.name }}  

someobject.name 结果为“name abc”

我想要实现的是将名称命名为“nameabc” （删除所有空格）。

我已经创建了一个管道并将其包含在打字稿文件和模块中）

管道：

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

@Pipe({ name: 'trim' })
export class TrimPipe implements PipeTransform {
    transform(value: any) {
        if (!value) {
            return '';
        }

        return value.trim();
    }
}

{{ 某个对象名称 | trim }} 仍然会产生“name abc”而不是“nameabc”}}

Answer 1

根据文档，trim() 方法会删除 trailing 和 leading 空格，而不是中间的空格。

https://www.w3schools.com/Jsref/jsref_trim_string.asp

如果要删除所有空格，请使用 replace 函数：

"name abc".replace(/\s/g, "");

Answer 2

trim() 只删除字符串开头和结尾的空格：

https://www.w3schools.com/Jsref/jsref_trim_string.asp

看看这里删除字符串之间的空格：

Replace all whitespace characters

相关部分是这样使用的：

str = str.replace(/\s/g, "X");

Answer 3

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

@Pipe({
  name: 'removeWhiteSpace'
})
export class RemoveWhiteSpacePipe implements PipeTransform {

  transform(value: any): any {
    if (value === undefined)
      return 'undefined';
    return value.replace(/\s/g, "");
  }

}

Answer 4

替换字符串之间的所有空格

let spaceReg = new RegExp(" ",'g');

let str = "name abc"

str = str.replace(spaceReg,"");

Answer 5

在我的情况下这很糟糕：

<div>
  {{ someobject.name }}
</div>

解决方案：

<div>{{ someobject.name}}</div>

=S