Pipes Demo - Currency Pipe

currency-pipe.component.ts

import { Component} from '@angular/core';

@Component({
  selector: 'app-currency-pipe',
  template: `
    <h2>Currency Pipes!</h2>
    <p>Our number: {{money}}</p>
    <p>Currency Pipe: {{money | currency}}</p>
    <p>Canadian Currency: {{money | currency:'CAD'}}</p>
    <p>Indian Currency: {{money | currency:'INR'}}</p>
  `,
  styleUrls: []
})
export class CurrencyPipeComponent{
  money: number = 19.99;
}