管道把數據作為輸入，然后轉換它，給出期望的輸出。

應用實例

作者在ng2前臺頁面顯示從后端數據庫中查詢的記錄，記錄中存在日期字段。在模型里，采用的是string類型存儲日期，但是在前臺采用下面的方式顯示時：

        <tr *ngFor="let item of financeDailyOverviewList">
              <td>{{item.date}}</td>
              <td>{{item.income}}</td>
              <td>{{item.outlay}}</td>
              <td>{{item.remark}}</td>
        </tr>

此時顯示在頁面上的日期格式，成了標準的時間戳格式。如圖：

引入管道

操作方式是在插值中引入管道，并進行格式化處理。

    {{item.date| date:"yyyy-MM-dd"}}

解釋上述修改：
其中，"|"是管道操作符，左側是原來的插值。含義是：讓左側的日期插值數據通過管道操作符流入到右側的日期管道中。并按照規定的格式進行格式化處理。

• Date管道類。是一種Ng2框架內置的管道，作用是將左側數據按照日期格式進行格式化。使用方法：
  expression | date[:format]，其格式參數可以查看API文檔。
  格式化之后的結果如下圖：
  
  

多說一句

• Angular內置了一些管道，比如DatePipe、UpperCasePipe、LowerCasePipe、CurrencyPipe和PercentPipe。 它們全都可以直接用在任何模板中。
• 此外，管道可以組合使用。

學習更多管道的知識，可以參考官方API文檔，并使用pipe進行過濾點擊查看官方文檔。