Ionic2 dynamically change links with ngFor

home.html

<ion-grid>
  <ion-row>
    <ion-col width-33 *ngFor="let info of infos">
      <div class="instructions" [navPush]="info.tap">
        <div>
          <img src="assets/icons/{{info.icon}}.png" alt="Icon">
        </div>
        <span>{{info.title}}</span>
      </div>
    </ion-col>
  </ion-row>
</ion-grid>

home.ts

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

import { NumbersPage } from '../hadaabinumbrid/hadaabinumbrid';
import { StatePage } from '../maakond/maakond';
import { AboutPage } from '../naiskodukaitse/naiskodukaitse';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  infos: any;

  constructor(public navCtrl: NavController, public navParams: NavParams) {

    this.infos = [

//first two are strings, last one object, that directs on click with navPush directly to necessary page

      {title: 'Contact numbers', icon: 'numbers', tap: NumbersPage},
      {title: 'States represented', icon: 'states', tap: StatePage},
      {title: 'About us', icon: 'us', tap: AboutPage}
    ];
}