tube titlecase en angular 4

Question

Angular 4 a introduit un nouveau tube 'titlecase' | ' et utilisez pour changer la première lettre de chaque mot en majuscule.

L'exemple comme,

<h2>{{ 'ramesh rajendran` | titlecase }}</h2>
<!-- OUTPUT - It will display 'Ramesh Rajendran' -->

Est-ce possible en code TypeScript? Et comment?

Answer 1

Oui, c'est possible en code TypeScript. Vous devrez appeler la méthode transform() du Pipe.

Votre modèle:

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

Dans vos .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);
    }
}

Vous devrez ajouter TitleCasePipe dans vos fournisseurs AppModule. Vous pouvez appeler la transformation en cliquant sur le bouton ou tout autre événement dans le code TypeScript.

Voici un lien vers PLUNKER DEMO