Angular 10 I18nPluralPipe API Last Updated : 04 Aug, 2021 Summarize Comments Improve Suggest changes Share Like Article Like Report In this article, we are going to see what is I18nPluralPipe in Angular 10 and how to use it. The I18nPluralPipe is a map that takes a string value that pluralizes according to given rules. Syntax: {{ value | i18nPlural : map [ : rule]}} NgModule: Module used by I18nPluralPipe is: CommonModule Approach: Create an angular app to be used.There is no need for any import for the I18nPluralPipe to be used.In app.component.ts define the variables that takes the I18nPluralPipe value.In app.component.html use the above syntax with '|' symbol to make I18nPluralPipe element.Serve the angular app using ng serve to see the output. Input value: value: it takes a number value. Parameters: pluralMap: It takes an object value.locale: It takes a string value. Example 1: app.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent { // Color array colors: any[] = ['red','green','blue']; // Map from which I18nPluralPipe takes the value gfg: {[k: string]: string} = { '=0': 'No color', '=1': 'one color', 'other': '# colors' }; } app.component.html <!-- In Below Code I18nPluralPipe is used --> <div>there are: {{ colors.length | i18nPlural: gfg }}</div> Output: Example 2: app.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent { // Language array language: any[] = []; // Map from which I18nPluralPipe // takes the value gfg: {[k: string]: string} = { '=0': 'zero languages', '=1': 'one language', 'other': '# languages' }; } app.component.html <!-- In Below Code I18nPluralPipe is used --> <div>there are: {{ language.length | i18nPlural: gfg }}</div> Output: Reference: https://angular.io/api/common/I18nPluralPipe Comment More infoAdvertise with us Next Article Angular 10 DatePipe API T taran910 Follow Improve Article Tags : Web Technologies AngularJS Angular10 AngularJS-API Similar Reads Angular 10 I18nSelectPipe API In this article, we are going to see what is I18nSelectPipe in Angular 10 and how to use it. I18nSelectPipe is a selector that is used to displays the string that matches the current value. Syntax: {{ value | i18nSelect : map}} NgModule: Module used by I18nSelectPipe is: CommonModule  Approach: Cr 2 min read Angular 10 DemicalPipe API In this article, we are going to see what is DemicalPipe in Angular 10 and how to use it. The DemicalPipe is used to format a value according to digit options and locale rules. Syntax: {{ value | number}} NgModule: Module used by DecimalPipe is: CommonModule Approach: Create an Angular app to be us 2 min read Angular 10 DatePipe API In this article, we are going to see what is DatePipe in Angular 10 and how to use it. DatePipe is used to format a date value according to locale rules. Syntax: {{ value | date }} Approach: Create the angular app that to be used.There is no need for any import for the DatePipe to be used.In app.co 1 min read Angular 10 UpperCasePipe In this article, we are going to see what is UpperCasePipe in Angular 10 and how to use it. The UpperCasePipe is used to Transforms all the text to uppercase. Syntax: {{ value | uppercase }} NgModule: Module used by UpperCasePipe is: CommonModule Approach: Create the angular app to be usedThere is 1 min read Built-in Pipes in Angular 17 In theory, pipes are just basic functions that take an input value, process it, and output an altered result. Numerous built-in pipelines are supported by Angular. You can, however, also make custom pipes to meet your needs. Among the noteworthy characteristics are: define pipes with the pipe "|" sy 3 min read Pipes in Angular Pipes are often used for formatting dates, numbers, and Strings and they can be customized to suit various needs. In this article, we explain about how to use pipes in Angular with examples and related outputs for your reference.Prerequisites:To understand this article you should have knowledge of t 8 min read Like