Angular 4 introduced a new ‘titlecase’ pipe ‘|’ and use to changes the first letter of each word into the uppercase.
例如,
<h2>{{ 'ramesh rajendran` | titlecase }}</h2>
<!-- OUTPUT - It will display 'Ramesh Rajendran' -->
打字稿代码有可能吗？如何？
是的,可以在TypeScript代码中使用.您需要调用Pipe的transform()方法.
你的模板：
<h2>{{ fullName }}</h2>
在你的.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);
}
}
您需要在AppModule提供程序中添加TitleCasePipe.您可以通过按钮单击或打字稿代码中的其他事件来调用转换.
这是PLUNKER DEMO的链接