ionic 3 不在 html 中显示数据 json

Question

我正在开发使用 json 文件的应用程序，它可以在本地服务器上完美运行，但不显示来自 API Json 的天气数据。

代码如下：

RedditData.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/map';

@Injectable()
export class RedditData {
    private url : string = "http://api.wunderground.com/api/d8585d80376/lang:AR/conditions/geolookup/q/ormm.json";
    constructor(public http: HttpClient) {
        console.log('Hello RedditData Provider');
    }

    getRemoteData(){

        return this.http.get(this.url)



    }
    }

home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { RedditData } from '../../providers/reddit-data/reddit-data';
import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/map';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

    weather: any={};

    constructor(public navCtrl: NavController, public redditService: RedditData) {
    }

    ionViewDidLoad(){
        this.redditService.getRemoteData()
        .subscribe(weather => {
         console.log(weather)
         this.weather.current_observation;

    });
    }

    }

代码在控制台中运行良好，没有任何错误，但 html 中没有信息

<ion-header >
  <ion-navbar color="primary">
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding *ngIf="weather">
   <p > {{weather.observation_time}}</p>

</ion-content>

Answer 1

您没有将数据分配给组件属性：

    ionViewDidLoad(){
        this.redditService
            .getRemoteData()
            .subscribe((weather: any) => {
                 console.log(weather)
                 this.weather = weather.current_observation; // <-- here!
        });
    }