使用 setInterval 时 Angular2 View 未更新

Question

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

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

在我的模板中绑定(bind)是

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

在加载或重新加载页面时，它要么显示一个值(但不会在进一步的滴答声中改变)，有时它会按预期工作(在每次滴答声时更新值)，有时只显示初始值并且根本不会改变.似乎是随机的。

我对此非常着迷，因为它在官方 plunker 版本中似乎没有问题。 (编辑:Plunker link)

在其他组件中使用此代码时，我也得到了相同的行为..

有人知道吗？

Answer 1

使用它，这对我来说效果很好。

import { Observable } from 'rxjs/Observable';

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