Angular Titlecase Pipe 语法介绍及实例本教程涵盖了implement titlecase pipe

本教程涵盖了implement titlecase pipe example in Angular 。

.Angular的titlecase

what is a titlecase for a string?.语句的标题大小写是指将所有主要单词的第一个字母大写，其余单词的字母小写。
字符串的标题大小写可以通过以下方式应用

标题
博客标题
作文标题
新闻标题

一个字符串的简单例子是

angular framework
 and output is 
 Angular Framework

titlecase pipe 语法

Angular管道是一个自定义代码，它接受输入，转换并输出数据。

Angular提供了内置的管道titlecase 。这将使每个单词的第一个字母大写，其余字母小写。

{{string_expression | titlecase}}

string_expression是字符串或表达式的值 titlecase是一个内置的AngulartitleCasePipe

titlecase管道组件的例子

在组件中，titlecase pipe ，用于表达式。

<div>
    <h2>{{ heading | titlecase }}</h2>
</div>

在typescript控制器中，标题变量被声明，用混合大小写初始化。

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent {
  heading="angular titlecase example tutorials";
  heading1="angular-titlecase example tutorials";

}

而在浏览器中看到的输出是

Angular titlecase pipe example

重要的一点是

在语句中，每个词的第一个字母被转换成大写，其余字母被转换成小写
语句中以空格、制表符为界的部分被认为是单词
逗号、连字符和其他特殊字符不被视为分隔符。

titlecase pipe也可以通过自定义代码在typecript控制器中实现。

在这篇文章中，我们已经了解了

Angular pipe titlecase的语法
titlecase的例子