/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 vote175 views2 answers
Controller in angularjs projects
Javascript AngularJS
0 vote143 views2 answers
Http get in angularjs
Javascript AngularJS
5 votes137 views2 answers
Display rond logo in angular
Javascript AngularJS
0 vote151 views1 answer
Generate angular.json for existing project
Javascript AngularJS
-2 votes143 views1 answer
Checkbox checked angular
Javascript AngularJS
0 vote139 views1 answer
Angular two-way-binding on observable
Javascript AngularJS
0 vote138 views1 answer
Angular property binding
Javascript AngularJS
0 vote135 views1 answer
How to find element in array angularjs
Javascript AngularJS
-1 vote164 views1 answer
How to do a timer angular
Javascript AngularJS
0 vote143 views1 answer
Custom search filter in angular 8
Javascript AngularJS