Skip to content

bigNumberPipe

reference
1 min readUpdated

Kind: Class

Source: Pams/Web/Pams.Web/Client/app/pipes/BigNumberPipe.ts (line 4)

Part of: Pams

bigNumberPipe applies a number-display transformation through its transform() method. It is intended for client-side views that need a consistent representation of large numeric values before rendering them in the UI.

Implements: PipeTransform

Methods

MethodSignatureReturns
transformtransform(number: number)void

Diagram

mermaid
graph LR
  Input[Numeric value] --> Pipe[bigNumberPipe]
  Pipe --> Transform[transform()]
  Transform --> Output[Display value]
  Output --> UI[Client UI]

Usage

ts
import { bigNumberPipe } from './pipes/BigNumberPipe';

const pipe = new bigNumberPipe();

const balance = getAccountBalance();
const displayBalance = pipe.transform(balance);

renderBalance(displayBalance);

AI Coding Instructions

  • Keep number-display rules inside transform() so all consumers receive the same output format.
  • Check the accepted input and return types in transform() before passing nullable or non-numeric values.
  • Use this pipe at UI boundaries rather than formatting the same value separately in components and services.
  • Preserve the existing pipe export and registration pattern when moving or renaming the file.

Used by

100 references from 100 files. Each is a place in this repository where the symbol is actually used — go read one rather than trusting an example.

Imported by (100)

  • TranslateHandlerPams/Web/Pams.Web/Client/app/app.module.ts:1
  • BusinessAnalysisComponentPams/Web/Pams.Web/Client/app/components/dashboard/_businessAnalysis/businessAnalysis.component.ts:1
  • ShortReviewComponentPams/Web/Pams.Web/Client/app/components/dashboard/_shortReview/short-review.component.ts:1
  • BranchDataPams/Web/Pams.Web/Client/app/components/dashboard/dashboard-libary/widgets/mrm-account-payable/mrm-account-payable.component.ts:1
  • BranchDataPams/Web/Pams.Web/Client/app/components/dashboard/dashboard-libary/widgets/mrm-account-receivable/mrm-account-receivable.component.ts:1
  • BranchDataPams/Web/Pams.Web/Client/app/components/dashboard/dashboard-libary/widgets/mrm-backlog-product-types/mrm-backlog-product-types.component.ts:1
  • BranchDataPams/Web/Pams.Web/Client/app/components/dashboard/dashboard-libary/widgets/mrm-booking-city/mrm-booking-city.component.ts:1
  • BranchDataPams/Web/Pams.Web/Client/app/components/dashboard/dashboard-libary/widgets/mrm-booking-product-types/mrm-booking-product-types.component.ts:1

…and 92 more.

Was this page helpful?

Download as PDF