titlecase pipe in angular 4

Yes it is possible in TypeScript code. You’ll need to call the Pipe’s transform() method.

Your template:

<h2>{{ fullName }}</h2>

In your .ts:

import { TitleCasePipe } from '@angular/common';

export class App {

    fullName: string = 'ramesh rajendran';

    constructor(private titlecasePipe:TitleCasePipe ) { }

    transformName(){
        this.fullName = this.titlecasePipe.transform(this.fullName);
    }
}

You’ll need to add TitleCasePipe in yout AppModule providers. You can call the transformation on button click or some other event in the typescript code.

Here is a link to PLUNKER DEMO

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)