Angular 日時のリアルタイム

日時のリアルタイムを表示させる方法

hello.component.html

<div id="body">
<h1>{{title}}</h1>
<p>{{ today() }}</p>
</div>

hello.component.ts

import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-hello',
templateUrl: './hello.component.html',
styleUrls: ['./hello.component.css']
})
export class HelloComponent implements OnInit {
title: string;
message: string;
now: Date;
constructor() {
setInterval(
() => {this.now = new Date(); }, 1000);
}
ngOnInit() {
this.title = 'Hello-app';
this.message = 'This is My First Component!!';
}

today() {
return new Date().toLocaleString();
}
}

 

 

 

コメント