手把手教你使用Angular之管道

 

原文转自：轻样知生 - 手把手教你使用Angular之管道 - Tylili

在日常开发过程中，我们经常面临数据获取之后无法直接使用，但如果通过代码手动转换又面临性能尴尬的问题。Angular为了解决这一类问题，产生了管道这一概念。所谓管道，就是将获取到的数据转换之后通过视图呈现出来的一种工具。这是Angular框架的特性，因此不会存在所谓的性能问题。Angular内置了一些常用管道，例如：DatePipe、UpperCasePipe、LowerCasePipe、CurrencyPipe和PercentPipe。

1、管道的使用

管道的使用方式较为简单，例如要将日期类型的birthday转换成特定格式展示出来：

{
  { birthday | date:"MM/dd/yy" }}

该示例将会把birthday的值转换成MM/dd/yy格式，就好像04/14/18这样，实际上该日期为2018-04-14。

另外，其实管道

 

2、链式管道

在某些特定场景下ÿ