title: Ionic 3 Push New Page with Json Data
body: <p>I'm fairly new to ionic 3 but essentially I'm looking to push a new page when a button is clicked , then display JSON data to the HTML. Each button I want to identify with an id, so it will display only the data that is related to that id. </p>
  
  <p>For instance - </p>
  
  <p>User clicks Button1 -> Button1 goes to reference screen which displays data that relates only to id 1.</p>
  
  <p>Another Button (button2) which then goes to the reference screen which displays datas that relates only to id 2 (and so on and so on)</p>
  
  <p>My code that relates:</p>
  
  <p>In my levels.html file</p>
  
  <pre><code> &lt;button id="levels-button5" on-click="goToReference()"&gt;
      &lt;ion-icon name="button1"&gt;&lt;/ion-icon&gt;
      Button 1
    &lt;/button&gt;
  </code></pre>
  
  <p>In my levels.ts file</p>
  
  <pre><code>goToReference(params){
      if (!params) params = {};
      this.navCtrl.push(ReferencePage);
    }
  
  referenceList = [];
  
  
  //Calling the data from the API and storing it in referenceList[]
  getReferences() {
    this.servicesProvider.getReferences().subscribe(data =&gt; this.referenceList = data);
  }
  </code></pre>
  
  <p>I have stored JSON data from a REST API into referenceList =[]. From the array i'd like to display description, content and picture. Any help would be greatly appreciated!</p>