removed cache from angular zone detection, so it does not trigger change detection on cleanup

code/moya-angular/src/app/app.component.ts

@@ -20,6 +20,10 @@ export class AppComponent {
     });
 
 
+    // Enable change detection sometimes to see that it's not overflooded.
+    // bcause it takes time
+
+    //zone.onMicrotaskEmpty.subscribe(() => {console.log(".");}); // <-- Print "." everytime change detection is possibly
 
   }
 

code/moya-angular/src/app/moya-rest/moya-rest.module.ts

-import {NgModule, ModuleWithProviders} from '@angular/core';
+import {NgModule, ModuleWithProviders, NgZone} from '@angular/core';
 import { CommonModule } from '@angular/common';
 import {HttpModule} from "@angular/http";
 import {MoyaRestService} from "./services/moya-rest.service";

code/moya-angular/src/app/moya-rest/services/cache.service.ts

-import {Injectable} from "@angular/core";
+import {Injectable, NgZone} from "@angular/core";
 import {Observable, Subscriber, Subscription} from "rxjs";
 
 
@@ -45,8 +45,9 @@ export class CacheService {
   // TODO: timed clearup for cache to save memory
 
 
-  constructor() {
+  constructor(private zone : NgZone) {
     this.cache = new Map<string, CachedItem>();
+
     this.timerObservable = Observable.timer(30000, 30000); // afther 0.5min, every 0.5min.
   }
 
@@ -131,7 +132,13 @@ export class CacheService {
     if(this.cache.size > 0) {
       if(!this.timerSubscription) {
         console.log("adding clearing timer");
-        this.timerSubscription = this.timerObservable.subscribe(v => {this.cleanExpired();});
+
+        this.zone.runOutsideAngular(() => {
+          this.timerSubscription = this.timerObservable.subscribe(v => {
+            this.cleanExpired();
+          });
+        });
+
       }
     } else {
       if(this.timerSubscription) {