Angularjs 我有一个包含组合框的页面。所以当我在combobox中选择一个项目并单击next按钮时，它应该移动到相应的页面

我有一个包含组合框的页面。组合框中的每个项目都有3个页面标题。因此，当我从中选择一个项目并单击“下一步”按钮时，它应该移动到相应的页面

Html文件：

<ion-header>

<ion-navbar>
    <ion-title>REGISTRATION</ion-title>
</ion-navbar>
</ion-header>

<ion-content>
<h1>Step 1 : Choose the category</h1>
<ion-item>
    <ion-label>Category</ion-label>
    <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-select>
</ion-item>

<div *ngIf="category==='i'"><p>Show individual desc</p></div>
<div *ngIf="category==='t'"><p>Show 3rd Party desc</p></div>
<div *ngIf="category==='d'"><p>Show Dedicated desc</p></div>
</ion-content>
<ion-footer no-shadow class="foot">
<ion-toolbar position="bottom">
    <button (click)="rg()" ion-button full color="primary" 
 block>Next</button>
</ion-toolbar>
</ion-footer> 

我在组合框中有相应的页面名称

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

@Component({
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) {
        console.log(e);
    }

    public rg(){
        this.nav.push(IndividualregPage);
    }
 }