Question

Angular 4引入了一种新的标题＆＃39;管道＆＃39; |＆＃39;并用于将每个单词的第一个字母更改为大写。

例如，

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

在打字稿代码中是否可以？怎么样？

Answer 1

是的，可以在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

的链接

Answer 2

是的，您可以像这样使用它

<h2>{{ 'ramesh rajendran' | titlecase }}</h2>

但是，不要忘记将CommonModule导入模块。

@NgModule({
  imports: [
    CommonModule,
    ...
  ],

角度4的标题管

2 个答案: