Click on an item and send to the specific page

Question

I’m new to Ionic and I wanted a tip from you. There was a fixed list in my app with the services that it has after creating this list in the main view I would like to click on a given item to go to the page of its particular function. When I click car on the screen it sends to the screen with the specifications.

I know you have Navcontroller, but I can’t do it .

any help is valid =)

Example

this.opcoes = [
        {nome:'carro'},
        {nome:'moto'},
        {nome:'barco'},
        {nome:'aviões'},
       ];
  }

What I tried to :

import{ carro } from '../escolha/carro';

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

  public opcoes;

 //public String op = [];

  constructor(public navCtrl: NavController) {

    this.opcoes = [
        {nome:'carro'},
        {nome:'moto'},
        {nome:'barco'},
        {nome:'aviões'},

    ];
  }
  goToPage() {
    this.opcoes[0] = this.navCtrl.setRoot(carro);
 }

Answer 1

export class HomePage {  
     opcoes: Array<any> = [];  

.... }

constructor() {

this.opcoes.push({name:'Carros',function:'novoCarro' }); this.opcoes.push({name:'Motos',function:'novaMoto'});

}  

novoCarro(){ this.navCtrl.push(NomePaginaCarros); }

novaMoto(){ this.navCtrl.push(NomePaginaMoto); }