How to use Decimal Pipe in Angular?

 here's an example of how to use the DecimalPipe in Angular:

1. First, import the DecimalPipe from the @angular/common module:

import { DecimalPipe } from '@angular/common';

2. Inject the DecimalPipe into your component's constructor:

constructor(private decimalPipe: DecimalPipe) { }

3. Use the transform() method of the DecimalPipe to format a number with decimal places in your component's template:

<p>The value of pi is approximately {{ pi | number:'1.4-4' }}</p>

In this example, pi is a number variable that represents the value of pi. The number pipe is used to format this number with 4 decimal places, a minimum of 1 integer digit, and a maximum of 4 integer digits. The resulting output will look something like this:

The value of pi is approximately 3.1416

You can customize the formatting of the number by specifying different options as the second argument to the number pipe. For example, you could use '0.0-2' to format the number with 2 decimal places and no integer digits, or '1.2-2' to format the number with 2 decimal places and a minimum of 1 integer digit. The DecimalPipe also supports options for specifying the decimal separator, thousands separator, and locale, which can be useful for internationalization purposes.