Angular：实现一个简单的时钟

页面右上角展示一个时钟，我们只需要在html上绑定一个使用data过滤器的数据，在页面上初始化后用setInterval实现时间实时变化即可：

<div nz-col nzSpan="4">
     <div nz-row>
          <p style="margin-top:20px;color: #fff;font-size: 19px;font-weight: 500;"> 
            {{now|date:'hh:mm:ss'}}</p>
     </div>
     <div nz-row>
          <p style="color: #ACB0D2;font-size:14px;margin-top: -20px;">{{now|date:'yyyy-MM- 
            dd'}}</p>
     </div>
</div>

在component.ts中：

export class ScreenDisplayComponent implements OnInit, AfterViewInit {
  now: Date;

  ngOnInit() {

    this.now = new Date();

    setInterval(() => {

      this.now = new Date();

    }, 1000);

  }
   ......
}