/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 vote288 views1 answer
Configure angular router apache
Javascript AngularJS
0 vote279 views1 answer
Apply custom border color in angular material
Javascript AngularJS
2 votes432 views1 answer
Get current url angular
Javascript AngularJS
0 vote258 views2 answers
Check if item is already registered in angular angularfire site:stackoverflow.com
Javascript AngularJS
0 vote285 views1 answer
Import map in angular
Javascript AngularJS
0 vote256 views1 answer
Angular show text in template before data loads
Javascript AngularJS
4 votes316 views1 answer
String to date angular
Javascript AngularJS
0 vote276 views1 answer
Angular erro ao adicionar um projeto no firebase Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
0 vote306 views1 answer
Datatable shows No data available in table in angular
Javascript AngularJS
5 votes277 views2 answers
Copy to clipboard angular
Javascript AngularJS