这种情况下我怎么能用管子呢

Question

我有一个来自我的api 的数字

"vlr": 1749109.14

我必须甲酸才能显示

174.910.914

我尝试使用管道，但无法获得我想要的格式。

有没有一种方法可以获得这种格式，或者改变来自api的值会更好？

Answer 1

根据我的说法，您有两个解决方案：

• 1. 在接收数据的服务中创建一个函数，并直接格式化到服务中
• 2. 创建一个管道并计算值

1. (服务名称(

getData(): Observable<any> {
return this.http.get<any>(...).pipe(
map(res => this.formatValue(res.vlr))
);
}
private formatValue(value: number): string {
let temp = value.toString().replace('.', '');
return temp.match(/.{1,3}/g).join(".");
}

(组件(

vlr: string;
constructor(service: ServiceName) {
this.service.getData().subscribe(res => {
console.log(res);
this.vlr = res.vlr;
});
}

---

2. ts

vlr = 1749109.14;

html

<span>{{ vlr | formatVlr }}</span>

(管道(

transform(value: number): string {
let temp = value.toString().replace('.', '');
return temp.match(/.{1,3}/g).join(".");
}