带有固定零件的Angular 7 routerlink

Question

我需要从当前路线创建一个新链接：

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

我需要创建这个：

https://website.com/ 管理员 / 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>