activatedRoute

parameter 받기

아래와 같이 ':id' 값 받기

{ path: 'view/:id', component: NoticeViewPage},

import { ActivatedRoute } from '@angular/router';

예제 1

가장 일반적인 방법이다.

export class NoticeViewPage {
  constructor(
    private activatedRoute: ActivatedRoute,
  ) {}

  ngOnInit() {
    this.activatedRoute.params.subscribe(params => {
      console.log(params.id);
    });
  }
}

예제 2

이 방법은 viewer 호출전 바로 값을 받아서 처리가능하지만 component가 생성된 이후에는 값이 변경되지 않는 단점이 있다.

export class NoticeViewPage {
  constructor(
    private activatedRoute: ActivatedRoute,
  ) {
    const id = this.activatedRoute.snapshot.paramMap.get('id');
  }
}