Angular paramMap error

Question

Robię restcountries api : https://stackblitz.com/edit/angular-ivy-4cmvjv?file=README.md

To zrobiłam na stackblitz teraz robię w visualu. Mam problem z parammap.

Error: app/pages/country-details/country-details.component.ts:22:18 - error TS7052: Element implicitly has an 'any' type because type 'ParamMap' has no index signature. Did you mean to call 'get'?
22       let name = this.route.snapshot.paramMap['params']['name'];
                    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

error TS7052: Element implicitly has an 'any' type because type 'ParamMap' has no index signature. Did you mean to call 'get'?

21     if (this.route.snapshot.paramMap['params']['name']) {
           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Przejrzzałam cały kod po sto razy, wygląda tak samo (na 99% bo moe cos mi umknelo) więc skąd ten błąd ?

Answer 1

Błąd wynika z faktu, że paramMap jest typu ParamMap, który nie posiada indeksu o nazwie params. Aby uzyskać wartość parametru, należy użyć metody get.

Takie podejście jest bezpieczniejsze, ponieważ unika potencjalnych błędów związanych z nieznanymi indeksami.

Comments

To czemu na stackblitz działa ? Bo nie ogarniam tego xD

---

@alpha.netrunner, generalnie to działa pewnie z racji bilbioteki która jest używna : 
https://github.com/angular/angular/pull/43529#issuecomment-926026010
I nie zwróciłeś uwagi, że on korzysta z interfejsu w ramach snapchot 
 

ActivatedRouteSnapshot który akurat posiada klucz

    /**
     *  The matrix parameters scoped to this route.
     *
     *  You can compute all params (or data) in the router state or to get params outside
     *  of an activated component by traversing the `RouterState` tree as in the following
     *  example:
     *  ```
     *  collectRouteParams(router: Router) {
     *    let params = {};
     *    let stack: ActivatedRouteSnapshot[] = [router.routerState.snapshot.root];
     *    while (stack.length > 0) {
     *      const route = stack.pop()!;
     *      params = {...params, ...route.params};
     *      stack.push(...route.children);
     *    }
     *    return params;
     *  }
     *  ```
     */ 
params: Params;

I nie kopiuj wszystkich pytań do "chatu GTP" bo bez kontekstu udzielasz błędnej odp. lub nie do końca odpowiedniej w ramach czyjegoś pytania