Typescript 我有一个来自服务器的响应（JSON响应），其中包含图像名称

堆栈溢出人员，我有一个来自服务器的数据，这些是我只想在应用程序的卡视图下显示的图像。请帮助我展示这些回应

这是我的密码

HOME.Ts

import { Component } from '@angular/core';

import { NavController, LoadingController} from 'ionic-angular';
import {HttpProvider} from '../../providers/http-provider';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  providers:[HttpProvider]
})
export class HomePage {

    newsData: any;
    loading: any;

  constructor(public navCtrl: NavController,private httpProvider:HttpProvider,public loadingCtrl: LoadingController)
  {
     this.loading = this.loadingCtrl.create({
  content: `
  <ion-spinner ></ion-spinner>`
});

    this.getdata();
  }

getdata(){
  this.httpProvider.getJsonData().subscribe(
    result => {
      this.newsData=result.data.image;
      console.log("Success : "+this.newsData);
      alert("Data coming");
    },
    err =>{
      console.error("Error : "+err);
    } ,
    () => {
      console.log('getData completed');
    }
  );
}



}

数据库表字段 id、图像、文本

JSON响应链接：

---

请帮助我完成此项目工作

检查您的链接。。您似乎有一些服务器端问题。。。另外，请阅读图像的格式是什么？base64还是什么？您是否收到服务器的响应？我刚刚使用了数据库图像字段的json_encode（$row[“image”]）。是的，响应以json formatLink的形式出现：

<ion-header>
<ion-navbar>
<ion-title>
World News
</ion-title>
</ion-navbar>
</ion-header>

<ion-content>
<ion-card text-wrap *ngFor="let item of newsData">

  <ion-card-content padding>

    <p>
       {{item.image}}
    </p>
  </ion-card-content>
</ion-card>
</ion-content>

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


@Injectable()
export class HttpProvider {

  constructor(public http: Http) {
    console.log('Hello HttpProvider Provider');
  }

  getJsonData(){
  return this.http.get('stay-simple.co.nf/display.php').map(res => res.json());
}

}