angular-ui-router – 当路由参数无效时,以角度2路由到404页面

假设我有一个像这样的param路径(在Angular 2中):/ user1 / products /:id,它可以有子路由,如/ user1 / products / 3 / reviews.

当我导航到/ user1 / products / -1时,我检查我的服务器,如果产品不存在,我想渲染404页面而不影响浏览器历史记录.

使用router.navigate([‘/ 404’])或router.navigateByUrl(‘/ 404’)似乎不起作用,因为它将/ user1 / products / -1和/ 404添加到浏览器历史记录中.

这意味着当我按下浏览器中的“后退”按钮时,我会回到/ user1 / products / -1,它会立即重定向到/ 404并且我基本上停留在/ 404.

在Expressjs中,我们会执行类似next()的操作,将请求传递给404处理程序. Angular 2中有客户端等价物吗?

更新

在新的Router V3中,您可以使用https://angular.io/guide/router#canactivate-requiring-authentication中所述的防护

原版的

我认为你应该使用@CanActivate()进行检查.如果你转发@CanActivate(),则无法将无效的URL添加到历史记录中(未尝试)

有关如何在@CanActivate()中使用DI的信息,请参阅https://github.com/angular/angular/issues/4112

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...