如何重定向到Angular 8中的上一页

拉米亚

我有一个组件,用户可以从各个页面访问该组件。当用户单击此组件中的“确定”按钮时,应将其重定向到上一页,即。他来到此组件的页面。

我碰到window.history.back(); this.router.navigate('../')

另外,window.history.back();和之间有什么区别?和this.router.navigate('../')

我也想了解this.location.back()之间的区别window.history.back()

iLuvLogix

要获得上一次成功的导航并导航到它,您可以使用:

const lastNav = router.getLastSuccessfulNavigation();

const previousRoute = lastNav.previousNavigation; 

router.navigateByUrl(previousRoute);

注意:由于previousRoute是的类型UrlTree,因此可以直接使用它来导航navigateByUrl方法。

关于history.back(来自文档):

history.back()方法使浏览器向后移动会话历史记录中的一页。与调用history.go(-1)具有相同的效果。如果没有上一页,则此方法调用不执行任何操作

虽然this.router.navigate( '../' )会使用以下命令将您带入更高级别的导航:<a [routerLink]="['../', 'foo', 'bar']">Go Up</a>

所以不同之处在于window.history.back();它将带领您返回并this.router.navigate( '../' )带领您向上。

关于您的最后一个问题:

window对象引用当前框架,该框架具有一个历史对象属性,该属性返回窗口的历史对象->更多信息:https : //www.w3schools.com/jsref/obj_history.asp

Whilelocation应该从@angular/common类似以下的构造函数中导入并使用:

import {Location} from '@angular/common';

@Component({
  // component's declarations here
})
class SomeComponent {

  constructor(private location: Location) 
  {}

  goBack() {
    this.location.back();
  }
}

goBack()然后可以通过例如按钮onClick上的调用函数Go Back

请查看https://angular.io/guide/architecture-components以获得更多详细信息。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何重定向到Aurelia中的上一页

重定向到PHP中的上一页

POST请求后如何重定向到Django中的上一页

如何从php中的登录页面重定向到“上一页和仪表板”

如何在Windows 8的另一页中的翻转视图控件中显示上一页选择的项目?

重定向到ReactJS的上一页

如何重定向到表单提交的另一页?

如何从片段重定向到下一页

如何在没有http_refferer的情况下重定向到PHP中的上一页

根据Laravel中的上一页重定向到其他页面

如何将用户重定向到单击编辑按钮的上一页

Symfony-如何将用户重定向到登录后访问的上一页?

如何使用URL中的$ _GET参数重定向到同一页面

在flutter中成功认证后如何重定向到下一页

如何在 django 中的表单操作后重定向到同一页面

如何从一页重定向到另一页

Angular.js-如何将两个不同的链接重定向到同一页面,但在angular.js中显示不同的数据

如何确定Angular中的上一页URL?

如何在Angular中更新上一页URL

如何在Angular 5中从http重定向到https?

如何在jquery数据表中隐藏第一页的上一页和最后一页的下一页

如何从json上一页一页地打印json中的密钥?

如何使鼠标在Excel中滚动的行为类似于上一页/下一页

如何在Aem中的下一页/上一页导航/浏览?

单击下一页/上一页或第二页时,codeigniter分页重定向到同一页

使用MVC重定向到ASP.NET Core中的上一页URL-C#

身份验证后重定向到Passport.js中的上一页(不重复)Node.js

如何在IBM Worklight中重定向到同一页面但又重定向到另一个div / view?

成功登录用户后,如何根据用户的上一页将其重定向到其他页面?