What Is Angular LowerCasePipe?

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…