如何回到 Ionic 4答案

【问题标题】：How to go back in Ionic 4如何回到 Ionic 4
【发布时间】：2020-10-14 20:29:20
【问题描述】：

我想在 Ionic4(Angular 7) 中添加一个后退按钮。但我在 Angular Router 中找不到合适的方法。

import {Router} from '@angular/router';

在组件处理程序中单击按钮时如何返回？我想使用 '@angular/router' 而不是 '@angular/common' => Location

来实现它

【问题讨论】：

【解决方案1】：

由于您使用 ionic 4 then 向后退，您可以执行以下操作：

constructor(private navCtrl: NavController) {}

btnClick(){
this.navCtrl.navigateBack('/home'); 
}

【讨论】：

当 OP 使用角度路由时，使用 location.back() from @angular/common 不是更合适吗？（见angular.io/api/common/Location）
当你使用navigateBack()时被调用，ionic在代码中使用它
我刚刚意识到，当您直接使用location.back() 时，您不会得到正确的后退动画。

【解决方案2】：

通过 Angular 路由，您可以使用 Location API：

constructor(private location: Location){}

然后当您需要导航回电话时：

this.location.back();

请记住，对于 Angular 7，您必须从 @angular/common 导入 Location

【讨论】：

【解决方案3】：

如果您想返回之前的路线，请执行以下操作。

constructor(private navCtrl: NavController) {}

goBack(){
 this.navCtrl.pop(); 
}

这将从导航堆栈中弹出当前页面，并将您返回到上一页以及您向前导航的页面部分。

【讨论】：