/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

9 votes291 views3 answers
Onclick event in angular
Javascript AngularJS
0 vote241 views1 answer
Angularjs component stackoverflow
Javascript AngularJS
0 vote248 views1 answer
Angular lazy-loading cli command
Javascript AngularJS
0 vote246 views1 answer
Return index of array with function in array angular
Javascript AngularJS
5 votes226 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS
0 vote250 views1 answer
Installing toast for angular projects
Javascript AngularJS
0 vote246 views1 answer
Array sort in angular 6
Javascript AngularJS
0 vote236 views1 answer
Angular implementing Validator
Javascript AngularJS
1 vote246 views1 answer
How to use edit button in angular
Javascript AngularJS
2 votes259 views1 answer
Nangular make window available
Javascript AngularJS