Angular Pipe Number 2 Decimal Places Example

By Hardik Savani | February 12, 2021 | Category : Angular

Today our leading topic is angular pipe number 2 decimal places. Here you will learn angular pipe decimal 2 digits. you'll learn angular decimal pipe 2 digits. if you want to see example of angular 2 digit after decimal point pipe then you are a right place.

you can easily use pipe for 2 digits after decimal point in angular 7, angular 8, angular 9, angular 10 and angular 11 version.

here, you have to follow few step to create simple example of pipe 2 digits after decimal point.

In this simple example, you can see i take two variable and it's has 3 or 4 digits after decimal point. so let's see how to display with 2 digits after decimal point.


import { Component, VERSION } from "@angular/core";


selector: "my-app",

templateUrl: "./app.component.html",

styleUrls: ["./app.component.css"]


export class AppComponent {

name = "Angular " + VERSION.major;

myNumber = 34.5673;

myNumber2 = 104.566445;


Ok, now we can use custom pipe in html file, so let's write it.


<h1>angular pipe number 2 decimal places Example -</h1>

<p>{{ myNumber | number : '1.2-2' }}</p>

<p>{{ myNumber2 | number : '1.2-2' }}</p>


I hope it can help you...

Tags : Angular

Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.

We are Recommending you: