typescript - Angular 4/5 - route paramMap vs params

Question

I am trying to get URL param in my Angular 5 app and I've found two ways of doing it:

1) Using paramMap

    ngOnInit() {
      this.hero$ = this.route.paramMap
        .switchMap((params: ParamMap) =>
          this.service.getHero(params.get('id')));
    }

2) Using params

    ngOnInit() {
      this.sub = this.route.params.subscribe(params => {
        this.id = +params['id'];
      });
    }

Is there any difference? Which one is the best practice?

question from:https://stackoverflow.com/questions/47809357/angular-4-5-route-parammap-vs-params

Answer 1

September 2021 update

The following answer is no longer true, and the Angular team says:

There are no current plans to remove params or queryParams and there's no benefit to advising against their use.

Obsolete answer

According to the documentation :

Two older properties are still available. They are less capable than their replacements, discouraged, and may be deprecated in a future Angular version.

params — An Observable that contains the required and optional parameters specific to the route. Use paramMap instead.

Simple and efficient !