如何使用 routerLink 将参数传递给一个组件？

Question

我运行无法使用 routerLink pass/get 参数。

我有app.component.ts/html:

 <header></header>
<router-outlet></router-outlet>
<footer class="flux-container">
  ...
  <a routerLink="/info/1" routerLinkActive="active">Privacy Policy</a>
  <a routerLink="/info/2" routerLinkActive="active">Terms & Conditions</a>
  ...
</footer>

和info.component.ts：

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-info',
  templateUrl: './info.component.html',
  styleUrls: ['./info.component.css']
})
export class InfoComponent implements OnInit {
  order : number;
  constructor(private activatedRoute: ActivatedRoute) { }

  ngOnInit() {
    this.order = this.activatedRoute.snapshot.params.id;
    console.log('this.activatedRoute.snapshot.params ', this.activatedRoute.snapshot.params);
  }
}

routing.ts

{
    path         : 'info/:id',
    canActivate  : [AccountGuard, AppEnter],
    pathMatch    : 'full',
    component    : InfoComponent
  },

通过点击 /info/1 或 /info/2 我无法获取 this.activatedRoute.snapshot.params.id 并使用它，只能通过刷新页面。只是简单的移动。

请帮忙

Answer 1

order$: Observable<string>;

this.order$ = this.activatedRoute.paramMap.pipe(map(resp => resp.get("id")));

如何使用 routerLink 将参数传递给一个组件？

How to pass params to one component with routerLink?

angular2-routing

angular

angular5