使用setInterval时Angular2视图未更新

发布时间：2020-12-17 18:09:40 所属栏目：安全来源：网络整理

导读：我正在使用Angular2 RC5 – 我有一个奇怪的问题. 在我的主要组件中,我在构造函数中用于测试目的： setInterval(() = { this.test = new Date().getMilliseconds().toString(); },500); 在我的模板中绑定是 p{{test}}/p 在加载或重新加载页面时,它显示一个值(

我正在使用Angular2 RC5 – 我有一个奇怪的问题.
在我的主要组件中,我在构造函数中用于测试目的：

setInterval(() => {
        this.test = new Date().getMilliseconds().toString();           
    },500);

在我的模板中绑定是

<p>{{test}}</p>

在加载或重新加载页面时,它显示一个值(但不会在进一步的刻度上改变),有时它按预期工作(更新每个刻度上的值),有时只显示初始值而不会发生任何变化.似乎是随机的.

我对此感到疯狂,因为它似乎在官方的plunker版本中没有问题. (编辑：Plunker link)

在其他组件中使用此代码时,我也会遇到相同的行为.

有人有什么想法？

解决方法

使用这个,这对我来说很好.

import { Observable } from ‘rxjs/Observable’;

Observable.interval(500)
    .subscribe(() => {
    this.test = new Date().getMilliseconds().toString();    
})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!