Aspnetcore-angular-universal: Using setInterval with Angular Universal

[wilson0506]

How to use timer to update some data, (eg stock price)

[MarkPieszak]

If you're trying to create an interval, do it as you normally would.

setInterval(() => { /* stuff */, 500); // example iterating every 500ms

Just make sure you have this wrapped in a conditional logic so that it _only_ runs in the PlatformBrowser. (More on that here: https://github.com/MarkPieszak/aspnetcore-angular2-universal/blob/master/README.md#gotchas)

[wilson0506]

I have tried using setInterval

if (isPlatformBrowser(this.platformId)) {
setInterval(() => {
this.next();
}, 5000);

}

when loading the home component, it didnt load,(having blank screen)
but when i switch page and coming back , it loads,

if i remove the setInterval function , everything work normally

[Flood]

Try this:

if (isPlatformBrowser(this.platformId)) {
let self = this;
setInterval(() => {
self.next();
}, 5000);
}

See self.next() instead of this.next()

I should also recommend clearing that interval on ngOnDestroy method.

[wilson0506]

@Flood , still same using self or this

[arsenlol]

same issue here, why is this closed?

[StephanMullis]

Hello @arsenlol ,
have you tried using NgZone? For Example:

constructor(private zone: NgZone) { this.zone.runOutsideAngular(() => { this.someInterval = setInterval(() => { // Your Code }, 1000) })

Please let me know of this works for you...

[navaneeth008]

@StephanMullis I got it working. Thank you!