titlecase rohr in eckig 4 ​​

Question

Mit Angular 4 wurde ein neues 'titlecase' pipe '|' und verwendet, um den ersten Buchstaben jedes Wortes in Großbuchstaben zu ändern.

Das Beispiel wie

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

Ist es möglich, in Typoskript Code? Und wie?

Answer 1

Ja, das ist in TypeScript-Code möglich. Sie müssen die Methode transform() des Pipes aufrufen.

Ihre Vorlage:

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

In Ihrem .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); 
    } 
} 

Sie werden TitleCasePipe in yout AppModule Anbieter hinzufügen müssen. Sie können die Umwandlung beim Klicken auf die Schaltfläche oder ein anderes Ereignis im Typoskript-Code aufrufen. Hier

ist ein Link zu PLUNKER DEMO