angular - 使用 Angular 2 路由器(版本 3)进行相对导航

标签 angular typescript angular2-routing

如何使用 Router 在组件内从 /questions/123/step1 相对导航到 /questions/123/step2 而无需字符串连接并指定 /questions/123/?

我在下面添加了自己的答案。请随时提出更好的答案。 ;-) 我想有更好的方法。

最佳答案

在做了更多的研究之后,我发现了

this.router.createUrlTree(['../step2'], {relativeTo: this.activatedRoute});

this.router.navigate(['../step2'], {relativeTo: this.activatedRoute});

第一种方法 ( Router.createUrlTree API ) 对我不起作用,即什么也没发生。第二种方法 ( Router.navigate API) 有效。

2016-10-12 更新

还有一个stackoverflow问题:

2016-10-24更新

文档:

更新 2019-03-08

Angular 7.1 似乎有变化。在另一篇文章中有一个答案 how to solve it with Angular 7.1。请引用https://stackoverflow.com/a/38634440/42659 .

关于angular - 使用 Angular 2 路由器(版本 3)进行相对导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39124906/

相关文章:

javascript - 一个函数中的 Angular 组件类变量集在另一个函数中未定义

angular - 无法取消当前导航并从根组件导航到其他地方

Angular2 Component 不会为参数化路由重新初始化

angular - 使用 async wait 推迟 block 的执行

angular - 在Angular 2中的自定义表单控件中设置输入无效

cordova - Angular 2 + Phonegap : how can they works together? 如何设置基本模板和工作 apk?

typescript - 如何使 Electron channel 类型更安全?

typescript - 是否可以通过 ESLint 禁止字符串枚举?

typescript - 使用扩展语法时如何删除对象的属性以创建对象的新实例?

未加载 Angular2 路由器弃用的依赖项