/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 vote238 views1 answer
Angular 4 execute function from another component
Javascript AngularJS
10 votes210 views2 answers
Angular emit
Javascript AngularJS
1 vote234 views1 answer
Angular cli don't generate spec
Javascript AngularJS
0 vote239 views1 answer
Display component in popup angular 8
Javascript AngularJS
16 votes241 views4 answers
Create component with module and routing in angular 8
Javascript AngularJS
0 vote277 views1 answer
Angular material datepicker range get value
Javascript AngularJS
0 vote234 views1 answer
Upload files with angular
Javascript AngularJS
0 vote219 views1 answer
Mac address validation regex angular
Javascript AngularJS
5 votes234 views1 answer
Angular input press enter
Javascript AngularJS
0 vote232 views1 answer
Iterating hashmap angular
Javascript AngularJS