fix: display real number

This commit is contained in:
Phan Huy Tran 2025-06-04 12:31:05 +02:00
commit 81ec7122ea

View file

@ -61,6 +61,9 @@ export class AnimatedNumberComponent implements OnChanges, AfterViewInit {
this.countUp = new CountUp(this.numberElement.nativeElement, this.value, {
startVal: this.previousValue,
duration: this.duration,
decimalPlaces: 2,
useEasing: true,
useGrouping: false, // We'll handle grouping in the formatting function
easingFn: (t, b, c, d) => {
if (this.ease === 'power1.out') {
return c * (1 - Math.pow(1 - t / d, 1)) + b;
@ -68,12 +71,14 @@ export class AnimatedNumberComponent implements OnChanges, AfterViewInit {
return c * (t / d) + b;
},
formattingFn: (value) => {
// Ensure we preserve the exact decimal value during animation
const numericValue = typeof value === 'string' ? parseFloat(value) : value;
const formatted = new Intl.NumberFormat('de-DE', {
style: 'currency',
currency: 'EUR',
minimumFractionDigits: 2,
maximumFractionDigits: 2,
}).format(value);
}).format(numericValue);
this.formattedValue = formatted;
return formatted;
},