angular - 无法在 Angular 6 的 setInterval() 中绑定(bind)变量

Question

我已经使用 setInterval() 方法在我的 angular 6 项目中显示当前日期时间。但是在 setInterval() 调用之后数据时间变量值没有改变。它采用 onload 值。这是我的代码

.ts

constructor(private data: DataService) {
    this.data.get_data('current-gmt-date',true)//service call
               .subscribe((data:any) => {
                  this.now = data.data.currentDateTime;//2019-01-21 20:30:0
    });
    setInterval(() => {
        this.now.setSeconds( this.now.getSeconds() + 1 );
        console.log(this.now);
        }, 1000); 
}

和.html

<span class="dateClock">Time:  {{now | date:'yyyy-MM-dd H:mm:ss ' : 'UTC' }}</span>

Answer 1

您可以使用 rxjs 中的 interval

// RxJS v6+
import { interval } from 'rxjs';

//emit value in sequence every 1 second
const source = interval(1000);.
const subscribe = source.subscribe(() => console.log(new Date()));

你的情况

const subscribe = source.subscribe(() => this.now = new Date()));

编辑:使用 mergeMap 以 1 秒的间隔调用您的可观察对象

source.pipe(
    mergeMap(() => this.data.get_data('current-gmt-date',true))
)
.subscribe((data) => this.now = data.data.currentDateTime)