Как передать параметры одному компоненту с routerLink?

Question

Я столкнулся с невозможностью передать / получить параметры с routerLink.

У меня есть 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.activationRoute.snapshot.params.id и использовать его,только обновлением страницы.Просто движение.

помогите пожалуйста

Answer 1

order$: Observable<string>;

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