titlecase pipe en angulaire 4

Question

Angular 4 a introduit un nouveau tube "titlecase", "|", qui permet de 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 typecript ? Et comment ?

Answer 1

Oui, c'est possible dans le code TypeScript. Vous devrez appeler la fonction transform() méthode.

Votre modèle :

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

Dans votre .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 devez ajouter TitleCasePipe dans vos fournisseurs d'AppModule. Vous pouvez appeler la transformation lors d'un clic sur un bouton ou un autre événement dans le code typecript.

Voici un lien vers DEMO DE PLUNKER