內建 Pipe
DatePipe: 將日期對象格式化為用戶可讀的字符串格式
Jun 8, 2025
6/8/25, 4:53 PM
Jun 8, 2025, 4:53:26 PM
June 8, 2025 at 4:53:26 PM GMT+0
Sunday, June 8, 2025 at 4:53:26 PM GMT+00:00
6/8/25
Jun 8, 2025
June 8, 2025
Sunday, June 8, 2025
4:53 PM
4:53:26 PM
4:53:26 PM GMT+0
4:53:26 PM GMT+00:00
UpperCasePipe: 將字符串轉換為全部大寫
HELLO WORLD
LowerCasePipe: 將字符串轉換為全部小寫
hello world
CurrencyPipe: 將數字轉換為貨幣格式
$3.14
€3.14
¥0,003.14
DecimalPipe: 將數字格式化為指定的小數格式
3.142
3.14
003.14159
PercentPipe: 將數字轉換為百分比格式
314%
314.16%
JsonPipe: 轉換為 JSON 字符串格式，方便調試和顯示
{
"name": "Charmy",
"version": 27,
"interest": [
"LOL",
"Apex"
]
}AsyncPipe: 訂閱 Observable 或 Promise 並自動解開其值，方便在模板中使用非同步數據
Hello from Observable!
自訂 Pipe
DiscountPipe: 自訂價格折扣 Pipe
- Product 1: 800
- Product 2: 1600
- Product 3: 2400
ComplexCalculationPipe: 接受一個數字 Array 並返回其平方根的和，然後除以數組中所有偶數的乘積
0.22566296021301957