Question

我们如何创建用于浏览页面的类似堆栈的结构，以便我们可以从同一页面创建页面的新对象，这里我想从SuperPage转到SuperPage，但是角度路由不支持它，在IONIC3中，我们可以通过navCtrl的push方法非常轻松地实现它，但是我希望在ionic 4中在同一页面上导航（SuperPage），那么我们如何实现这个??

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { NavController } from '@ionic/angular';

@Component({
  selector: 'app-super',
  templateUrl: './super.page.html',
  styleUrls: ['./super.page.scss'],
})
export class SuperPage implements OnInit {
  constructor(private router: Router, private navCtrl: NavController) { }
  nextPage() {
    //working in ionic3
    //this.navCtrl.push('SuperPage');

    //ionic4
    //1.not working 
    //this.navCtrl.navigateForward('super');

    //2.not working
    //this.navCtrl.navigateRoot('super');

    //3.not working
    // this.router.navigate(['super']);

      this.router.navigateByUrl('super');
  }


}

Answer 1

以上问题有两种解决方案

1）模态页面

您可以像模式页面一样调用页面，我们的模式页面将显示在超级页面上方，我们可以将信息传递给页面，现在我们可以像在ionic v3中一样访问此信息。

https://ionicframework.com/docs/api/modal

2）弹出页面

您可以尝试Popover页面，该页面在技术上类似于模式页面。

https://ionicframework.com/docs/api/popover

我认为您可以使用Modal

我们如何浏览页面，以便可以从同一页面创建页面的新对象

1 个答案: