Silvia está desenvolvendo o front-end do novo sistema de ordens de serviço de sua empresa, onde foi especificado o uso do framework Angular no projeto. A nova interface utilizará o roteamento do Angular e, para incluir o componente da rota corrente no template HTML da tela principal, Silvia irá definir a área de apresentação através de uma tag:
- A)pathMatch;
pathMatch eh um criterio de correspondencia de rota, usado na configuracao, e nao uma tag de exibicao no HTML.
- B)router-outlet;
Correta: router-outlet eh a diretiva/tag que reserva o espaco no template para renderizar o componente da rota atual.
- C)snapshot;
snapshot representa o estado atual de uma rota, mas nao serve para montar a area visual de exibicao.
- D)nav;
nav eh um elemento HTML de navegacao sem relacao especifica com o mecanismo de roteamento do Angular.
- E)routerLink.
routerLink eh uma diretiva para criar links de navegacao entre rotas, nao para exibir o componente da rota.
Gabarito: B
No Angular, quando voce trabalha com rotas, existe uma separacao bem clara entre navegar e exibir. Uma coisa eh dizer qual caminho o usuario deve acessar; outra eh reservar no template o “buraco” onde o componente da rota atual vai aparecer. Esse ponto de exibicao eh justamente o que a aplicacao usa para renderizar o conteudo da rota escolhida. No caso da questao, a tag correta eh o . Ela funciona como uma especie de tomada na parede: voce liga a rota, e o componente correspondente entra ali. Sem isso, a navegacao ate pode estar configurada, mas nada vai ser mostrado naquela area da tela principal. Isso eh padrao do Angular Router e aparece na documentacao oficial do framework. Em termos praticos, o router-outlet marca o local onde os componentes associados as rotas serao carregados dinamicamente. Por isso o gabarito B esta correto. As outras opcoes misturam conceitos de configuracao de rota, referencia ao estado atual da navegacao ou vinculo de links, mas nenhuma delas define a area de apresentacao do componente da rota corrente.