如何像Angular 8中的Youtube那样显示时间

在Angular 8中，可以像Youtube那样显示时间的方式有多种。下面是一种实现方式：

首先，确保你已经安装了Angular CLI，并且已经创建了一个Angular项目。
在你的组件的HTML模板中，可以使用Angular的内置管道（pipe）来处理时间的格式化和显示。例如，你可以使用Date管道来格式化时间。在你想要显示时间的地方，可以添加以下代码：

<p>{{ currentTime | date:'HH:mm:ss' }}</p>

其中，currentTime是一个变量，它存储了当前时间。date管道中的'HH:mm:ss'参数指定了时间的格式为小时:分钟:秒。

在你的组件的TypeScript代码中，你可以定义currentTime变量，并使用setInterval函数来更新它的值。以下是一个示例代码：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-time-display',
  templateUrl: './time-display.component.html',
  styleUrls: ['./time-display.component.css']
})
export class TimeDisplayComponent implements OnInit {
  currentTime: Date;

  ngOnInit() {
    setInterval(() => {
      this.currentTime = new Date();
    }, 1000);
  }
}

在这个示例中，currentTime变量被初始化为当前时间，并且每秒钟更新一次。