ts file

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import {DubaiPage} from "../dubai/dubai";
import {SharjahPage} from "../sharjah/sharjah";
import {AbuDhabiPage} from "../abu-dhabi/abu-dhabi";
import {AjmanPage} from "../ajman/ajman";
import {RasAlKhaimahPage} from "../ras-al-khaimah/ras-al-khaimah";
import {FujairahPage} from "../fujairah/fujairah";
import {UmAlQuwainPage} from "../um-al-quwain/um-al-quwain";

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

  //emirateOrCountry: string = '';

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

  ionViewDidLoad() {
  }

  back() {
    this.navCtrl.pop();
  }

  goToEmirateOrCountry(event: any) {

    switch (event.target.value) {
      case event.target.value == 'Dubai': this.navCtrl.push(DubaiPage);
        break;
      case 'Sharjah': this.navCtrl.push(SharjahPage);
        break;
      case 'Abu Dhabi': this.navCtrl.push(AbuDhabiPage);
        break;
      case 'Ajman': this.navCtrl.push(AjmanPage);
        break;
      case 'Ras al Khaimah': this.navCtrl.push(RasAlKhaimahPage);
        break;
      case 'Fujairah': this.navCtrl.push(FujairahPage);
        break;
      case 'Um Al Quwain': this.navCtrl.push(UmAlQuwainPage);
        break;
      case 'Bahrain': this.navCtrl.push(DubaiPage);
        break;
      case 'Oman': this.navCtrl.push(DubaiPage);
        break;
      case 'Qatar': this.navCtrl.push(DubaiPage);
        break;
      case 'Kuwait': this.navCtrl.push(DubaiPage);
        break;
      case 'Saudi Arabia': this.navCtrl.push(DubaiPage);

    }
  }
}