What Is Angular UpperCasePipe?

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…