Cordova - Angular - <select>标签打开一个新视图

<select [(ngModel)]="selectedOption" (change)="openNewView()">
  <option value="view1">View 1</option>
  <option value="view2">View 2</option>
  <option value="view3">View 3</option>
</select>

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

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  selectedOption: string;

  constructor(private navCtrl: NavController) {}

  openNewView() {
    switch (this.selectedOption) {
      case 'view1':
        this.navCtrl.navigateForward('/view1');
        break;
      case 'view2':
        this.navCtrl.navigateForward('/view2');
        break;
      case 'view3':
        this.navCtrl.navigateForward('/view3');
        break;
    }
  }
}