title: Display JSON object in ionic2
body: <p>Im trying to display below JSON object in an ionic2 application. I am getting a blank screen while running the application. i tried some tutorials but no progress. </p>
  
  <pre><code> [
    {
      "program_id": 1000,
      "programName": "Luna_Titan_L",
      "costElement": "Material Cost",
      "trackingID": "LT001S",
  
    },
    {
      "program_id": 1001,
      "programName": "Luna_Titan_L",
      "costElement": "Material Cost",
      "trackingID": "LR001S"
    },
  
  .....
  ]
  </code></pre>
  
  <p><strong>home.ts</strong></p>
  
  <pre><code>import { Component } from '@angular/core';  
  import { NavController } from 'ionic-angular';
  import { Http } from '@angular/http';
  import 'rxjs/add/operator/map';
  
  @Component({
    selector: 'page-home',
    templateUrl: 'home.html'
  })
  export class HomePage {
  
    progs: any;
  
    constructor(public navCtrl: NavController, public http: Http) {
      this.http.get('http://url.com/api').map(res =&gt; res.json()).subscribe(data =&gt; {
          this.progs = data;
      });
  
   }
  
  }
  </code></pre>
  
  <p><strong>home.html</strong></p>
  
  <pre><code>  &lt;ion-list&gt;
  
      &lt;ion-item *ngFor="let prog of progs"&gt;
        {{prog.programName}}
      &lt;/ion-item&gt;
  
    &lt;/ion-list&gt;
  </code></pre>