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

Question

我们如何创建用于在页面中导航的类似堆栈的结构，以便我们可以从同一页面创建页面的新对象，在这里我想从 SuperPage 转到 SuperPage 但是 angular 路由不支持它，在 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

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

How can we navigating through pages so we can create new object of a page from same page

ionic3

ionic4

angular7-router