/Javascript/AngularJS/Angular view not changing on model

Angular view not changing on model

import {Component, OnInit, NgZone} from 'angular2/core';

export class RecentDetectionComponent implements OnInit {

    recentDetections: Array<RecentDetection>;

    constructor(private zone:NgZone, // <== added
        private recentDetectionService: RecentDetectionService) {
        this.recentDetections = new Array<RecentDetection>();
    }

    getRecentDetections(): void {
        this.recentDetectionService.getJsonFromApi()
            .subscribe(recent => { 
                 this.zone.run(() => { // <== added
                     this.recentDetections = recent;
                     console.log(this.recentDetections[0].macAddress) 
                 });
        });
    }

    ngOnInit() {
        this.getRecentDetections();
        let timer = Observable.timer(2000, 5000);
        timer.subscribe(() => this.getRecentDetections());
    }
}

Source: stackoverflow.com

Similar codes

29 votes346 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/[email protected] npm ERR! node_modules/@angular/core
Javascript AngularJS
10 votes261 views6 answers
Angular refresh component without reloading page
Javascript AngularJS
1 vote261 views1 answer
Perfect scrollbar in textarea angular
Javascript AngularJS
24 votes300 views2 answers
Date format in angular ts
Javascript AngularJS
0 vote279 views1 answer
Angular set dist output directly under dist rather than dist/project
Javascript AngularJS
0 vote250 views1 answer
Property 'src' does not exist on type 'HTMLElement' angular
Javascript AngularJS
0 vote249 views1 answer
Angular router navigate inside setTimeout
Javascript AngularJS
0 vote291 views2 answers
Angularjs fractionSize with dot
Javascript AngularJS
0 vote268 views1 answer
Update angular materia;
Javascript AngularJS
0 vote261 views1 answer
Refresh a kendo ui widget, when options on AngularJS $scope change
Javascript AngularJS