title: Angular interpolation not updating
body: <p>I am writing again on my Angular 6 app, but todays I saw that the component (or the interpolation) is not updated when the value changed.
  Here's the code:</p>
  
  <pre><code>import { Component, OnInit, Input, AfterViewInit } from '@angular/core';
  import { TempsService, Temps } from '../../temps.service';
  import { ActivatedRoute } from '@angular/router';
  
  @Component({
    selector: 'app-temps',
    templateUrl: './temps.component.html',
    styleUrls: ['./temps.component.scss']
  })
  export class TempsComponent implements OnInit {
  
    @Input() solar: boolean;
    solarNum: number = 0;
    waterNum: number = 1;
    tempSolar: number = 2;
    tempWater: number = 10;
    timestamp: string;
  
    temps: Temps;
  
    constructor(private route: ActivatedRoute) { }
  
    showTemps() {
      this.route.data.subscribe(({ temps }) =&gt; {
        this.temps = temps;
      });
      this.tempSolar = this.temps[this.solarNum].rawValue;
      this.tempWater = this.temps[this.waterNum].rawValue;
      //this.timestamp = this.temps[this.solarNum].time;
    }/*
  
    updateTemps() {
      this.tempSolar = 5;
      this.tempService.channel.bind('data-update-event', function(data) {
        console.log('number: ' + data[0]);
        this.tempSolar = data[0];
        this.tempWater = data[1].rawValue;
      });
    }*/
  
    ngOnInit() {
     // this.showTemps();
     setInterval(this.showTemps(), 2000);
    }
  }
  </code></pre>
  
  <p>If anybody has an idea, I would appreciate it a lot. Btw the "template" I am using is the NowUI on by CreativeTim.</p>