21、前端开发技术深入探索：Angular与Bootstrap的高级应用

前端开发技术深入探索：Angular与Bootstrap的高级应用

1. Angular进阶：管道与服务的运用

Angular是一项强大的技术，在全栈开发中能助力开发者构建大规模、经过单元测试且组织良好的代码库。其中，管道（Pipes）和服务（Services）是两个非常实用的特性。

1.1 使用管道格式化视图内容

在复杂视图中，日期显示可能不够友好，例如“2016 - 07 - 18T15:22:40.248Z”。Angular提供了管道来解决这个问题。

内置管道示例 ：

<footer class="panel-footer">
  <label for="joined">Joined</label> {
  
  {customer.joined_at | date}}
</footer>

上述代码使用 date 管道将时间戳格式化为用户友好的日期，如“Jul 18, 2016”。管道还可以链式使用：

<label for="joined">Joined</label> {
  
  {customer.joined_at | date | uppercase}}

这会输出“JUL 18, 2016”。

自定义管道示例