面试题：Angular管道在数据格式化中的常见应用场景有哪些

Question

请列举至少3个Angular管道在实际项目中用于数据格式化的常见场景，并简要说明如何使用管道实现这些场景的数据格式化，比如日期格式化、数字格式化等。

Answer 1

日期格式化

在显示日期时，常需要按照特定格式展示。例如在项目中显示文章发布日期。 使用 DatePipe，在模板中这样使用：{{ article.publishedDate | date:'yyyy-MM-dd' }}，'yyyy-MM-dd' 是指定的日期格式，这里将日期格式化为年-月-日的形式。

数字格式化

1. 货币格式化：在电商项目中显示商品价格。使用 CurrencyPipe，如 {{ product.price | currency:'CNY' }}，会将数字格式化为以人民币为单位的货币形式。
2. 百分比格式化：在统计图表中显示占比。使用 PercentPipe，例如 {{ data.percentage | percent }}，会将数字转换为百分比形式展示。

文本格式化

1. 大写转换：在某些标题展示时需要全部大写。使用 UpperCasePipe，如 {{ sectionTitle | uppercase }}，会将 sectionTitle 的文本内容转换为大写。
2. 小写转换：相反，若要转换为小写，使用 LowerCasePipe，如 {{ inputText | lowercase }}。