6

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 {
  valuestring;

  changeUpperCase(valuestring) {
    this.value = value;
  }
}

For more detail kindly refer this link click…
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

What Is Angular UpperCasePipe? What Is Angular UpperCasePipe? Reviewed by Anil Singh on 3:29 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^