Angular 7 routerlink 固定部分

Question

我需要从当前路线创建一个新的link：

https://website.com/post/99 = 当前浏览器路由

我需要创建这个：

https://website.com/admin/post/99/编辑

如何在 angular 7 上将 "admin" 和 "edit" 添加到这条路线？

<a [routerLink]="admin/['./']/edit">Edit</a>

Answer 1

您可以在您的组件中创建一个方法：

  constructor(private route: ActivatedRoute) {}

  getAdminUrl(): string {
    return [
      '/admin',
      'post',
      this.route.snapshot.paramMap.get('postId'), // Change with the route parameter id
      'edit',
    ];
  }

并在您的模板中使用它：

<a [routerLink]="getAdminUrl()">Edit</a>