Skip to content

bigNumberPipe

reference
1 min readUpdated

Kind: Class

Source: Frontend/src/app/pipes/BigNumberPipe.ts (line 4)

Part of: Frontend

bigNumberPipe is a frontend formatting class that exposes transform() for values displayed as big numbers. It belongs to the application's pipe layer so components can apply shared display formatting instead of formatting values inline.

Implements: PipeTransform

Methods

MethodSignatureReturns
transform`transform(number: numberstring)`

Diagram

mermaid
graph LR
  A[Component or template value] --> B[bigNumberPipe]
  B --> C[transform()]
  C --> D[Formatted display value]

Usage

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

const pipe = new bigNumberPipe();

const accountBalance = getAccountBalance();
const displayValue = pipe.transform(accountBalance);

console.log(displayValue);

AI Coding Instructions

  • Keep display-formatting behavior inside transform() rather than duplicating it in components.
  • Preserve the existing input and return-value contract when changing the pipe.
  • Check how callers pass empty, invalid, or missing values before adding new handling.
  • Import and instantiate the pipe consistently with the surrounding Angular code and dependency setup.

Used by

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

Imported by (110)

  • TranslateHandlerFrontend/src/app/app.module.ts:1
  • BusinessAnalysisComponentFrontend/src/app/components/dashboard/_businessAnalysis/businessAnalysis.component.ts:1
  • CustomDashboardComponentFrontend/src/app/components/dashboard/_custom/custom-dashboard.component.ts:1
  • ShortReviewComponentFrontend/src/app/components/dashboard/_shortReview/short-review.component.ts:1
  • BranchDataFrontend/src/app/components/dashboard/dashboard-libary/widgets/mrm-account-payable/mrm-account-payable.component.ts:1
  • BranchDataFrontend/src/app/components/dashboard/dashboard-libary/widgets/mrm-account-receivable/mrm-account-receivable.component.ts:1
  • BranchDataFrontend/src/app/components/dashboard/dashboard-libary/widgets/mrm-backlog-product-types/mrm-backlog-product-types.component.ts:1
  • BranchDataFrontend/src/app/components/dashboard/dashboard-libary/widgets/mrm-booking-city/mrm-booking-city.component.ts:1

…and 102 more.

Was this page helpful?

Download as PDF