AngularでURLのパラメーターを取得する

AngularでURLのパラメーターを取得する。ルーティングでは以下のように設定している

{path: 'list/:page', component: ListComponent}

呼び出したいコンポーネントでActivatedRouteのsnapshot.paramsからパラメーターが取得できる

import {Component} from '@angular/core';
import {ActivatedRoute} from '@angular/router';
  
@Component({
    selector: 'list',
    template: ' <h1 class="friend">Friend ID is {{friendId}}</h1>',
})
export class FriendComponent {
    pageNo: string
  
    constructor(route: ActivatedRoute) {
        this.pageNo = route.snapshot.params.page
    }
}