/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 vote173 views1 answer
Angular Laravel has been blocked by CORS policy: Request header field x-requested-with is not allowed by Access-Control-Allow-Headers in preflight response.
Javascript AngularJS
2 votes270 views4 answers
Toast angular
Javascript AngularJS
1 vote196 views1 answer
How to concurrently run angular and node
Javascript AngularJS
0 vote177 views1 answer
Mengakses gambar didalam asset angular
Javascript AngularJS
3 votes190 views3 answers
Angular email validation
Javascript AngularJS
0 vote170 views1 answer
Angular http PUT
Javascript AngularJS
0 vote185 views1 answer
How to add toaster in angular 9
Javascript AngularJS
24 votes198 views6 answers
Angular routes
Javascript AngularJS
5 votes183 views3 answers
Angular formarray remove all
Javascript AngularJS
2 votes258 views2 answers
Generating component in angular without spec file
Javascript AngularJS