按下 AlertController 的选项按钮时进入另一个页面 ionic答案

【问题标题】：Enter another page when pressing AlertController's option buttons ionic按下 AlertController 的选项按钮时进入另一个页面 ionic
【发布时间】：2017-07-24 07:58:35
【问题描述】：

我有一个 AlertController 在添加新注释后会弹出。它有两个选项：“新笔记”和“查看笔记”。当按下“查看笔记”时，它应该进入另一个页面以查看笔记列表。当按下“新笔记”时，它应该留在此页面上以添加新笔记。那么，如何按下alertCtrl选项按钮进入另一个页面呢？

现在我有：

  showConfirm() {
    let confirm = this.alertCtrl.create({
      title: 'What do you want to do else?',
      buttons: [
        {
          text: 'New note',
          handler: () => {
            console.log('New note');
          }
        },
        {
          text: 'See notes',
          handler: () => {
            console.log('See notes');
          }
        }
      ]
    });
    confirm.present();

【问题讨论】：

标签： angular typescript ionic-framework mobile-development

【解决方案1】：

在handler: 方法中调用NavController 和push 所需的页面。

请看下面：

constructor(private navCtrl: NavController, private alertCtrl: AlertController) {}

showConfirm() {
  let confirm = this.alertCtrl.create({
    title: 'What do you want to do else?',
    buttons: [
      {
        text: 'New note',
        handler: () => {
          this.navCtrl.push(NewNotesPage);
        }
      },
      {
        text: 'See notes',
        handler: () => {
          this.navCtrl.push(SeeNotesPage);
        }
      }
    ]
  });
  confirm.present();

【讨论】：

【解决方案2】：

  showConfirm() {
    let confirm = this.alertCtrl.create({
      title: 'Use this lightsaber?',
      message: 'Do you agree to use this lightsaber to do good across the intergalactic galaxy?',
      buttons: [
        {
          text: 'Disagree',
          handler: () => {
            console.log('Disagree clicked');
            this.seeNotes(NotesPage);            
          }
        },
        {
          text: 'Agree',
          handler: () => {
            console.log('Agree clicked');
          }
        }
      ]
    });
    confirm.present();
  }
  seeNotes(str:any){
    this.navCtrl.push(str);
  }

【讨论】：