我正在使用angular decimal pipe像这样:
// Typescript
@Component({...})
export class ConfusionMatrixComponent {
@Input()
roundRules = '1.0-2';
}
// HTML:
<div class="value">{{ getIntensityNumber(i) | number: roundRules }}</div>
如何在 typescript 函数上使用相同的管道?
最佳答案
我在similar question中找到了如何使用:只需从 @angular/commun
导入 DecimalPipe
并将其用作服务:
// Typescript
import { DecimalPipe } from '@angular/common';
@Component({...})
export class ConfusionMatrixComponent {
@Input()
roundRules = '1.0-2';
constructor(private decimalPipe: DecimalPipe) { }
getRoundNumber(num: number): string | null {
return this.decimalPipe.transform(num, this.roundRules) ?? '0';
}
}
// HTML:
<div class="value">{{ getRoundNumber(23.50873) }}</div>
此外,请确保将 DecimalPipe 添加到您的 providers
Angular 模块:
import { CommonModule, DecimalPipe } from '@angular/common';
@NgModule({
declarations: [...],
imports: [CommonModule],
exports: [...],
providers: [DecimalPipe]
})
关于javascript - 如何在 typescript 中使用 Angular 十进制管道,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65904868/