Angular ::从嵌套插座链接到父“路由器插座”

Question

I have a component within a nested router-outlet, but would like to create a link to a route that is in the parent's router-outlet. I am not sure what code you guys would want to see for me to explain this?

Answer 1

You can point to anywhere in your app with routerLink regardless of where you are. It is just the matter of how you set the route. If you start the route with / it means from base (don't forget to set the base in your HTML).

If you use ./ it is relative to where you are.

So let's assume you have two main routes, admin and frontpages , which have their own modules. Inside admin there is a users route and inside frontpage there is about route. You can have a link to admin from about like this:

<a routerLink="/admin/users">Admin</a>

I created this stackblitz for you to checkout.

Answer 2

我无法从模板执行此操作（也许看到了这个答案，有人可以向我展示如何从模板执行此操作），但是我能够通过如下方式进行程序设计使其工作：

this.router.navigate(['../../account-view/' + id], { relativeTo: this.route.parent });