angular中快速实现时钟功能 （精确到秒）

html：

 <span class="time">
      {{ time | async | date:'yyyy-MM-dd HH:mm:ss' }}
 </span>

ts:

 time = new Observable<string>((observer: Observer<string>) => {
    setInterval(() => observer.next(new Date().toString()), 500);
  });

原理及解释：

在对应的组件类内定义一个属性 time 为 Observable 对象 由定时器没500毫秒触发一次更新 

使用angular CommonModule 提供的 asyns date pipe 由 asyns 处理定时器 发射出异步的数据，date 处理时间的显示格式。