title: I have a response coming from the server( JSON Response) Those contain image names
body: <p>Stack overflow people, I have a data coming from the server those are the images i just want to display them under my card view of an application. Kindly help me out in displaying those response</p>
  
  <p>Here is my code </p>
  
  <p><strong>HOME.Ts</strong></p>
  
  <pre><code>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: `
    &lt;ion-spinner &gt;&lt;/ion-spinner&gt;`
  });
  
      this.getdata();
    }
  
  getdata(){
    this.httpProvider.getJsonData().subscribe(
      result =&gt; {
        this.newsData=result.data.image;
        console.log("Success : "+this.newsData);
        alert("Data coming");
      },
      err =&gt;{
        console.error("Error : "+err);
      } ,
      () =&gt; {
        console.log('getData completed');
      }
    );
  }
  
  
  
  }
  </code></pre>
  
  <p><strong>HOME.HTML</strong></p>
  
  <pre><code>&lt;ion-header&gt;
  &lt;ion-navbar&gt;
  &lt;ion-title&gt;
  World News
  &lt;/ion-title&gt;
  &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content&gt;
  &lt;ion-card text-wrap *ngFor="let item of newsData"&gt;
  
    &lt;ion-card-content padding&gt;
  
      &lt;p&gt;
         {{item.image}}
      &lt;/p&gt;
    &lt;/ion-card-content&gt;
  &lt;/ion-card&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p><strong>HTTP Provider.TS</strong></p>
  
  <pre><code>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 =&gt; res.json());
  }
  
  }
  </code></pre>
  
  <p>Database table fields 
  id, Image, text </p>
  
  <p>JSON Response link:<a href="http://stay-simple.co.nf/display.php" rel="nofollow noreferrer">http://stay-simple.co.nf/display.php</a></p>
  
  <p>Kindly help me out of this Project work</p>