/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

0 vote319 views2 answers
Angular material button toggle selected
Javascript AngularJS
0 vote340 views1 answer
Angular keyframes %
Javascript AngularJS
0 vote330 views1 answer
Input type shows object angularjs
Javascript AngularJS
0 vote317 views1 answer
Module not found error can't resolve 'rxjs/observable' angular 8
Javascript AngularJS
-1 vote298 views2 answers
$.notify is not a function angular
Javascript AngularJS
0 vote324 views3 answers
Get local storage data in angular
Javascript AngularJS
0 vote301 views1 answer
Angular content-security-policy header
Javascript AngularJS
0 vote367 views1 answer
Como checar valor do input checkbox angular
Javascript AngularJS
1 vote306 views2 answers
Button click navigate to another page angular
Javascript AngularJS
0 vote286 views1 answer
Add comma after each valiue but don't add in last in angular 6
Javascript AngularJS