如何修剪Angular应用程序中的文本字符串?
例
{{ someobject.name }}
someobject.name导致“name abc”
我想要实现的是名称为“nameabc”(删除所有空格)。
我已经创建了一个管道并将其包含在typescript文件和模块中)
管:
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 |修剪}}仍导致“name abc”而不是“nameabc”}}
根据文档,trim()方法删除尾随和前导空格,而不是中间的空格。
https://www.w3schools.com/Jsref/jsref_trim_string.asp
如果要删除所有空格,请使用replace
函数:
"name abc".replace(/\s/g, "");
trim()仅从字符串的开头和结尾删除空格:
https://www.w3schools.com/Jsref/jsref_trim_string.asp
看看这里删除字符串之间的空格:
Replace all whitespace characters
相关部分是使用它像:
str = str.replace(/\s/g, "X");
在我看来这很糟糕:
<div>
{{ someobject.name }}
</div>
解:
<div>{{ someobject.name}}</div>
= S