Navigate to combobox selected item

I have a combobox containing 3 options. Each option contains names of each page. So when I select one of the option and click the next button I need to move to the respective page. How can I do that?
pls help
here is my code:



    <h1>Step 1 : Choose the category</h1>
        <ion-select [(ngModel)]="category">
            <ion-option value="i">Individual</ion-option>
            <ion-option value="t">3rd party</ion-option>
            <ion-option value="d">Dedicated</ion-option>

<ion-footer no-shadow class="foot">
    <ion-toolbar position="bottom">
        <button (click)="rg()" ion-button full color="primary" block>Next</button>

ts file:

import { Component } from '@angular/core';
import { NavController, AlertController, LoadingController, Loading, IonicPage } from 'ionic-angular';
import { ObsAuthService } from '../../services/';
import { ConnectrgPage} from '../connectrg/connectrg';
import { IndividualregPage } from '../individualreg/individualreg';
import { NgModel } from '@angular/forms';
import { NgIf } from '@angular/common';

    selector: 'page-connectreg',
    templateUrl: 'connectreg.html',
    providers: [ObsAuthService]
export class ConnectregPage {

    constructor(private nav: NavController, private auth: ObsAuthService,
        private alertCtrl: AlertController, private loadingCtrl: LoadingController) {}

        selectChange(e) {
        public rg(){

Have you tried this code:


     <button (click)="rg(category)" ion-button full color="primary" block>Next</button>


        public rg(cat){ 

@OliverPrimo Worked perfectly… Thanks …!!

No problem. You can also mark my answer as the solution. Thanks :slight_smile: