Question: I need to show currency format like these, how can we show.

```
₹1
₹10
₹100
₹1,000
₹10,000
₹1,00,000
......

```

Answer: 
If anyone is looking for the same in Angular 2, then here is solution:

1. Create custom pipe
2. Use in your HTML pipe code

**Step 1**: Create file indianCurrency.pipe.ts

```
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'indianCurrency'})
export class IndianCurrency implements PipeTransform {
  transform(value: number, args: string[]): any {

        if (! isNaN(value)) {
            var currencySymbol = '₹';
            //var output = Number(input).toLocaleString('en-IN');   <-- This method is not working fine in all browsers!           
            var result = value.toString().split('.');

            var lastThree = result[0].substring(result[0].length - 3);
            var otherNumbers = result[0].substring(0, result[0].length - 3);
            if (otherNumbers != '')
                lastThree = ',' + lastThree;
            var output = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;

            if (result.length > 1) {
                output += "." + result[1];
            }            

            return currencySymbol + output;
        }

  }
}

```

Declare in app.module.ts

```
 declarations: [
  .....,
    IndianCurrency
  ],

```

**Step 2**: Use in your HTML

```
{{amount | indianCurrency}}

```
If "amount" is your variable containing the number to converted to INR format, use one of the approaches given below in your html code -

1.
{{ amount | currency:'INR':true}}

Result: ₹150,000.00

2.
{{ amount | currency:'INR':true}}

Result: INR150,000.00

3.
{{ amount.toLocaleString('en-IN')}}

Result: 1,50,000