使用setInterval时Angular2视图未更新

时间:2016-08-20 18:52:05

标签: angular

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

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

我的模板中的绑定是

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

在加载或重新加载页面时,它会显示一个值(但不会在进一步的刻度上更改),有时它会按预期工作(更新每个刻度上的值),有时只显示初始值并且根本不会更改。似乎是随机的。

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

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

任何人都有任何想法?

2 个答案:

答案 0 :(得分:1)

使用它,这对我来说很好。

  

从&#39; rxjs / Observable&#39;中导入{Observable};

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

答案 1 :(得分:0)

我知道这听起来很疯狂,但那一刻我 评论

<script src="https://use.fontawesome.com/f0298bc7e9.js"></script>

在我的index.html中一切正常。我不知道为什么或如何...... 这似乎就是原因。行:奇怪的行为。没有:一切正常 让它变得更奇怪:我不能在“官方”的掠夺者身上重现......