Anil Singh | Code-sample.com

Transforms text to title case. Capitalizes the first letter of each word of a string, and transforms the rest of the word to lower case. Syntax looks like:   TitleCasePipe :      {{ expression | titlecase }}   LowerCasePipe : {{ expression | lowercase }}   UpperCasePip :     {{ expression | uppercase }} It looks like : < p > {{'hello anil' | titlecase}} </ p > <!-- output will be "Hello Anil" --> < p > {{'Hello Anil' | lowercase}} </ p > <!-- output will be "hello anil" --> < p > {{'hello anil' | uppercase}} </ p > <!-- output will be "HELLO ANIL" --> Useful Built-in Pipes in Angular 7 or Above: 1.       Async Pipe 2.       C urrency Pipe 3.       Date Pipe 4.       Slice Pipe 5.       Decimal Pipe 6.     ...

Angular UpperCasePipe  – Angular provides an UpperCasePipe and it is used to transforms given a text to uppercase. The expression with uppercase - {{  value_expression  |  uppercase  }} The example as, import  {  Component  }  from   '@angular/core' ; @ Component ({    selector:   'uppercase-pipe' ,    template:   `<div>      <input type="text" #name (keyup)="changeUpperCase(name.value)">      <p>UpperCase - <h2>'{{value | uppercase}}'</h2>    </div>` }) export   class   UpperCasePipeComponent  {    value :  string ;    changeUpperCase ( value :  string ) {      this . value  =  value ;    } } For more detail kindly refer this link click…

Angular LowerCasePipe  - Angular provides a LowerCasePipe and it is used to transforms given a text to lowercase. The expression with lowercase - {{  value_expression  |  lowercase  }} The example as, import  {  Component  }  from   '@angular/core' ; @ Component ({    selector:   'lowercase-pipe' ,    template:   `<div>      <input type="text" #name (keyup)="changeLowerCase(name.value)">      <p>LowerCase - <h2>'{{value | lowercase}}'</h2>    </div>` }) export   class   LowerCasePipeComponent  {    value :  string ;    changeLowerCase ( value :  string ) {      this . value  =  value ;    } } For more detail kindly refer this link click…