Angular10 LowerCasePipe Last Updated : 28 Apr, 2021 Comments Improve Suggest changes Like Article Like Report In this article, we are going to see what is LowerCasePipe in Angular 10 and how to use it. The LowerCasePipe is used to Transforms all the text to lowercase. Syntax: {{ value | lowercase }} NgModule: Module used by LowercaseCasePipe is: CommonModule Approach: Create the angular app to be usedThere is no need for any import for the LowerCasePipe to be usedIn app.component.ts define the variables that takes the LowerCasePipe value.In app.component.html use the above syntax with '|' symbol to make LowerCasePipe element.serve the angular app using ng serve to see the output Input value: value: it takes an string value. Example 1: app.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent { // Key Value object value : string = 'GEEKSFORGEEKS'; } app.component.html <b> <div> LowerCase value is : {{value |lowercase}} </div> </b> Output: Example 2: app.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent { // Key Value object value : string = 'GeeksforGeeks'; } app.component.html <b> <div> CamelCase value is : {{value}} </div> <div> LowerCase value is : {{value |lowercase}} </div> </b> Output: Reference:https://angular.io/api/common/LowerCasePipe Comment More infoAdvertise with us Next Article Angular10 LowerCasePipe T taran910 Follow Improve Article Tags : Web Technologies AngularJS Angular10 Similar Reads Angular10 TitleCasePipe In this article, we are going to see what is TitleCasePipe in Angular 10 and how to use it. TitleCasePipe is used to Transforms all the text to titlecase. Syntax: {{ value | TitleCasePipe }} NgModule: Module used by TitleCasePipe is: CommonModule Approach: Create the angular app to be usedThere is 1 min read Angular10 percentPipe In this article, we are going to see what is percentPipe in Angular 10 and how to use it. The percentPipe is used to Transform a number to a percentage string. Syntax: {{ value | percent [ : digitsInfo [ : locale ] ] }} NgModule: Module used by percentPipe is: CommonModule Approach: Create the angul 2 min read Angular10 SlicePipe In this article, we are going to see what is SlicePipe in Angular 10 and how to use it. SlicePipe is used to create an array containing a slice of the element. Syntax: {{ value | SlicePipe }} NgModule: Module used by SlicePipe is: CommonModule Approach: Create the angular app to be usedThere is no 2 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 Angular10 JsonPipe In this article, we are going to see what is JsonPipe in Angular 10 and how to use it. JsonPipe is used to convert an object its JSON representation Syntax: {{ value | json}} NgModule: Module used by JsonPipe is: CommonModule Approach: Create the angular app to be usedThere is no need for any impor 2 min read Like