Merge pull request #50 from PedalPi/issue-38-update-view-when-receive-websocket-message

Issue 38 update view when receive websocket message

Author: SrMouraSilva

src/providers/websocket/web-socket-service.ts

@@ -4,6 +4,8 @@ import {Injectable} from '@angular/core';
 import {PedalPiMessageDecoder} from './pedalpi-message-decoder';
 import {ConnectionView} from './connection-view';
 
+import {ApplicationRef} from '@angular/core';
+
 
 export interface MessageDecoder {
   onMessage(message : any);
@@ -26,7 +28,7 @@ export class WebSocketService {
 
   public view : ConnectionView;
 
-  constructor(private data : DataService) {
+  constructor(private data : DataService, private ref : ApplicationRef) {
     this.forceReconnection = false;
 
     this.messageDecoder = new PedalPiMessageDecoder(data);
@@ -58,6 +60,7 @@ export class WebSocketService {
   private onMessage(message) {
     message = JSON.parse(message);
     this.messageDecoder.onMessage(message);
+    this.ref.tick();
   }
 
   private onConnectionOpen(url) {