Formatting Your Angular Number to 2 Decimal Places

Photo by 35mm on Unsplash

Updated Version

There’s an updated version of this article here:

Formatting Your Angular Number to 2 Decimal Places

Scenario

We have a number 12.45343532. We want it to look like this:

12.45 .

Approach

Within the component template pipe the value through the number pipe like this:

<div>{{ value | number:'1.2-2' }}</div>

Brought To You By

Firefly Semantics Supply Chain and Big Data Analytics for the Cloud