Question

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

实施例

{{ someobject.name }}

someobject.name导致“name abc”

我喜欢的名字是“nameabc” （删除所有空格）。

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

PIPE：

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

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

        return value.trim();
    }
}

{{someobject.name | trim}}仍导致“name abc”而不是“nameabc”}}

Answer 1

根据文档，trim（）方法删除尾随和前导空格，而不是中间的空格。

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

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

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

let str = "name abc"

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

Answer 4

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 5

在我看来，这很糟糕：

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

解决方案：

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

= S

如何删除文本中的空格

5 个答案: