要创建一个简单的计时器,您可以使用Angular日期管道和Moment.js库。下面是一个包含代码示例的解决方法:
npm install @angular/common moment --save
import { Component } from '@angular/core';
import { Observable, interval } from 'rxjs';
import { map } from 'rxjs/operators';
import * as moment from 'moment';
@Component({
selector: 'app-timer',
template: `
{{ timer$ | async }}
`,
})
export class TimerComponent {
timer$: Observable;
constructor() {
this.timer$ = interval(1000).pipe(
map(() => {
return moment().format('HH:mm:ss');
})
);
}
}
{{ timer$ | async }}
通过这个解决方法,您将能够创建一个简单的计时器,并且它将每秒更新一次,并显示格式化的时间值。请确保在组件中正确导入Moment.js,并使用它来格式化时间值。