Pipes Demo - Decimal Pipe

decimal-pipe.component.ts

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

@Component({
  selector: 'app-decimal-pipe',
  template: `
    <h2>Number-based Pipes!</h2>
    <p>This is our small number: {{smallNumber}}</p>
    <p>Decimal Pipe: {{smallNumber | number}} (This is 3 decimal places by default)</p>
    <p>Decimal Pipe at 4 decimal places: {{smallNumber | number:'1.4'}}</p>
  `,
  styleUrls: []
})
export class DecimalPipeComponent {
  smallNumber: number = 1/7;
}