# wrNumber

> Locale-aware number formatting via `Intl.NumberFormat`. Uses Angular's `LOCALE_ID`. Accepts a style shortcut (`'decimal' | 'percent' | 'currency'`) with optional currency code, or a full `Intl.NumberFormatOptions` object.

Source: https://ngwr.dev/reference/pipes/wr-number  
Kind: Pipe

## Import

```angular-ts
import { WrNumber } from 'ngwr/pipes';

@Component({ imports: [WrNumber] })
export class MyComponent { /* ... */ }
```

## Decimal

Default style — grouped digits in the active locale.

```angular-html
{{ 1234.5 | wrNumber }}  <!-- "1,234.5" -->
```

## Percent

Multiplies by 100 and appends the locale's percent sign.

```angular-html
{{ 0.875 | wrNumber: 'percent' }}  <!-- "88%" -->
```

## Currency

Pass the ISO 4217 code as the second argument.

```angular-html
{{ 19.99 | wrNumber: 'currency' : 'USD' }}  <!-- "$19.99" -->
```

## Custom options

Anything `Intl.NumberFormat` understands — pass the options object directly.

```angular-html
{{ 19.9 | wrNumber: { minimumFractionDigits: 2 } }}      <!-- "19.90" -->
{{ 1234567 | wrNumber: { notation: 'compact' } }}        <!-- "1.2M"  -->
```

## Playground

```html
{{ 19.99 | wrNumber: 'currency' : 'USD' }}
```

## API

| Name | Description | Type | Default |
| --- | --- | --- | --- |
| `wrNumber` | Intl.NumberFormat via Angular's LOCALE_ID. Accepts a style shortcut or full options object. | `(value: number \| string \| null \| undefined, styleOrOptions: WrNumberStyle \| Intl.NumberFormatOptions = 'decimal', currency = 'USD') => string` | `—` |