Hello Devs, 

In this tutorial, we will learn Angular Titlecase Pipe Example | Titlecase Pipe in Angular 9/8/7

In this section, we will see full example and how to use angular titlecase pipe for angular capitalize word or text. you can use it in angular 6, angular 7, angular 8 and angular 9 application.

Follow this step by step guide below,


{{ value_expression | titlecase }}

Titlecase Pipe Example:

import { Component } from '@angular/core';



  selector: 'my-app',

  template: `<div>

    <p>{{ myString | titlecase }}</p>


    <p>{{ myString2 | titlecase }}</p>


    <p>{{ myString3 | titlecase }}</p>


    <p>{{ myString4 | titlecase }}</p>



  styleUrls: [ './app.component.css' ]


export class AppComponent  {

  name = 'Angular';


  myString = "This IS ANGULAR titleCase pipe eXANPLE";


  myString2 = "tutorial,example";


  myString3 = "tutorial|example";


  myString4 = "tutorial-example";




This Is Angular Titlecase Pipe Exanple







May this example help you.