angularjs 离子5页转换网址更改,但上一页仍然可见

vktxenjb  于 2023-02-03  发布在  Angular
关注(0)|答案(1)|浏览(152)

我正在构建一个Ionic 5应用程序,但我有一个问题,让页面正常过渡。
url正在更改,但新页面正在覆盖旧页面,而不是替换旧页面。
我试过的一种方法是:

<div id="back" class="top-left-nav-area circle">
  <img [routerLink]="['/onboard']" src="./assets/imgs/login/rightarrow.svg" class="rightarrow" alt="" />
</div>

另一种方法是:

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

...

constructor(
  public navCtrl: NavController,
) {}

...

this.navCtrl.navigateForward('/forgotpassword');

这两种方法都不起作用,因为它们都导致新页面覆盖旧页面。
我一定是漏掉了什么,但我就是想不出来是什么。

eit6fx6z

eit6fx6z1#

请改用navigateRoot方法。
转到root意味着堆栈中的所有现有页都将被删除,导航的页将成为堆栈中的单个页。

组件

import { NavController } from '@ionic/angular';
...
constructor(private navController: NavController) {}
...
this.navController.navigateRoot('/yourLink');

模板

<ion-button routerLink="/yourLink" routerDirection="root">Button</ion-button>

相关问题