search.ts

search.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

/*
  Generated class for the SearchPage page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
*/
@Component({
  templateUrl: 'build/pages/search/search.html',
})
export class SearchPage {
  public itemResults : any;
  constructor(private nav: NavController) {
    //this.nav = NavController;
    this.itemResults = this.getResults;
    console.log(this.itemResults);
  }

  getResults(){
    return [
{
  "wrapperType":"track",
  "kind":"song",
  "artistId":5869117,
  "collectionId":459904774,
  "trackId":459904911,
  "artistName":"Lil Wayne",
  "collectionName":"Tha Carter IV (Deluxe Edition)",
  "trackName":"John (feat. Rick Ross)",
  "collectionCensoredName":"Tha Carter IV (Deluxe Edition)",
  "trackCensoredName":"John (feat. Rick Ross)",
  "artistViewUrl":"https://itunes.apple.com/us/artist/lil-wayne/id5869117?uo=4",
  "collectionViewUrl":"https://itunes.apple.com/us/album/john-feat.-rick-ross/id459904774?i=459904911&uo=4",
  "trackViewUrl":"https://itunes.apple.com/us/album/john-feat.-rick-ross/id459904774?i=459904911&uo=4",
  "previewUrl":"http://a1557.phobos.apple.com/us/r1000/085/Music/de/c6/37/mzm.vjfeqrjw.aac.p.m4a",
  "artworkUrl30":"http://is4.mzstatic.com/image/thumb/Music/v4/c8/d2/f9/c8d2f98d-d2a8-35d0-fcd1-7adffc2560a9/source/30x30bb.jpg",
  "artworkUrl60":"http://is4.mzstatic.com/image/thumb/Music/v4/c8/d2/f9/c8d2f98d-d2a8-35d0-fcd1-7adffc2560a9/source/60x60bb.jpg",
  "artworkUrl100":"http://is4.mzstatic.com/image/thumb/Music/v4/c8/d2/f9/c8d2f98d-d2a8-35d0-fcd1-7adffc2560a9/source/100x100bb.jpg",
  "collectionPrice":11.99,
  "trackPrice":1.29,
  "releaseDate":"2011-08-29T07:00:00Z",
  "collectionExplicitness":"explicit",
  "trackExplicitness":"explicit",
  "discCount":1,
  "discNumber":1,
  "trackCount":19,
  "trackNumber":9,
  "trackTimeMillis":286973,
  "country":"USA",
  "currency":"USD",
  "primaryGenreName":"Hip-Hop/Rap",
  "contentAdvisoryRating":"Explicit",
  "isStreamable":true
}
]
  }

}

search.html
<ion-header>

  <ion-navbar>
    <ion-title>search</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding class="search">
  <ion-list>
    <ion-item *ngFor="let result of itemResults">
      <ion-thumbnail item-left>
        <img [src]="result.artworkUrl100">
      </ion-thumbnail>
      <h2 [innerText]="result.trackName"></h2>
      <p>{{result.artistName}}</p>
    </ion-item>
  </ion-list>
  Hi there
</ion-content>