Obter parametro da URL da API dando erro de compilação | Angular: controle o fluxo de navegação

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

Referente ao curso Angular: controle o fluxo de navegação

por Pedro Ferreira

| 180.2k xp | 47 posts

Associate Manager

Na aula, é exibido o trecho de código em que o "animalId" dentro do método ngOnInit() da seguinte forma:

    ngOnInit(): void {
        this.animalId    =    this.activatedRoute.snapshot.params.animalId;

        this.animal$    =    this.animalsService.searchById(this.animalId);
    }

Mas é apresentada uma mensagem de erro:

Error: src/app/animals/details/details.component.ts:24:55 - error TS1003: Identifier expected.      

24   this.animalId = this.activatedRoute.snapshot.params.'animalId';
                                                         ~~~~~~~~~~


Error: src/app/animals/details/details.component.ts:24:55 - errorm TS4111: Property '' comes from an index signature, so it must be accessed with [''].

24   this.animalId = this.activatedRoute.snapshot.params.'animalId';


× Failed to compile.

1 resposta

solução!

por Pedro Ferreira

| 180.2k xp | 47 posts

Associate Manager

21/06/2022

Conforme a própria mensagem de erro, em versões mais recentes do Angular/TypeScript, o modo de obtenção mudou para a seguinte forma, utilizando um Array e suas entries:

ngOnInit(): void {
        this.animalId    =    this.activatedRoute.snapshot.params['animalId'];

        this.animal$    =    this.animalsService.searchById(this.animalId);
    }