/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

1 vote185 views1 answer
Angular architecture patterns
Javascript AngularJS
0 vote189 views1 answer
Deploy angular app on google app engine
Javascript AngularJS
0 vote146 views1 answer
Install bootstrap in angular 9 stack overflow
Javascript AngularJS
1 vote211 views1 answer
Property 'socket' does not exist on type 'Window & typeof globalThis'. angular
Javascript AngularJS
0 vote187 views1 answer
Angular mat datepicker timezone
Javascript AngularJS
0 vote190 views1 answer
Angular socket.io with token header
Javascript AngularJS
0 vote208 views1 answer
Reactive forms change event in angular
Javascript AngularJS
0 vote222 views1 answer
Toast duplicate angular
Javascript AngularJS
6 votes197 views4 answers
Bootstrap not working in angular
Javascript AngularJS
-3 votes196 views5 answers
Base64 to image angular
Javascript AngularJS