title: Ionic 2: How to render multiple image card using ngFor
body: <p>There are two pages in my app and I'm using navParams to get data object from other page and storing that data object in and array of homepage, I want to display data in the array to homepage template using image card</p>
  
  <p>Here is my homepage.ts</p>
  
  <pre><code>@Page({
  templateUrl: 'build/pages/home/home.html'
  })
  export class HomePage {
  
  array: any[];
  record : any;
  information : any;
  
  
  
  constructor(public nav : NavController, 
  public navparams : NavParams,    public platform: Platform){
  
      this.array = [];
      this.nav = nav;
      this.navparams = navparams;
      this.platform = platform;
      this.record = navparams.get("arrayOf");
      this.array.push(this.record);
      console.log(this.array)
  
  }
  
  gotopage(){
      this.nav.push(SecPage);
  }
  
  }
  </code></pre>
  
  <p>Here is homepage.html</p>
  
  <pre><code>&lt;ion-navbar *navbar&gt;
  &lt;ion-title&gt;
  Student Managment App
  &lt;/ion-title&gt;
  &lt;/ion-navbar&gt;
  &lt;ion-content&gt;
  &lt;button danger block (click)= "gotopage()"&gt;Add Student&lt;/button&gt;
  &lt;/ion-content&gt;
  </code></pre>