title: Can not read observable Json content items within my template though I managed to display them on my typescript file
body: <p>Under Ionic4 and within a component, I called a service that returns an observable. I managed to display part of the Json structure elements  but I can not do it within my template. </p>
  
  <pre><code>// WeatherService.ts
   getWeather(item):Observable&lt;Weather&gt;
  
    {
      this.ApIurl = `http://api.openweathermap.org/data/2.5/weather?q=${item.city}&amp;units=metric&amp;appid=${this.apikey}`;
  
    // console.log(this.ApIurl);
      return this.http.get&lt;Weather&gt;(this.ApIurl);
    }
  </code></pre>
  
  <pre><code>//details.ts
  // weatherS declared of type WeatherService
  
  this.weatherS.getWeather(this.locationDetails)
        .subscribe(
          dt =&gt; {
            this.data$ = dt; 
  // display temperature works fine
  console.log(this.data.main.temp);
  </code></pre>
  
  <pre><code>//json content  returned 
  
    {
          "temp": 23,
          "pressure": 1015,
          "humidity": 64,
          "temp_min": 22,
          "temp_max": 24
      }
  </code></pre>
  
  <p>unfortunately I can not display within my template details.html   data$.temp or any other values though I manage to display the whole structure with {{data$ | json}}</p>