O Angular Routing é um recurso integrado que permite criar uma interface de usuário Single Page Application (SPA), onde os usuários podem navegar para diferentes visualizações sem ter que recarregar a página inteira do servidor todas as vezes.
Os documentos atuais falam apenas sobre como obter parâmetros de rota, não os segmentos de rota reais. Por exemplo, se eu quiser encontrar o pai da rota atual, como isso é
Existe uma maneira inteligente de voltar a última página no Angular 2? Algo como this._router.navigate(LASTPAGE); Por exemplo, a página C tem um Go Backbotão, Página A -> Página C, clique nela, retorne à página A. Página B -> Página C, clique nela, retorne à página B. O roteador...
OBSERVAÇÃO: Existem muitas respostas diferentes aqui e a maioria foi válida uma vez ou outra. O fato é que o que funciona mudou várias vezes, pois a equipe do Angular mudou seu roteador. A versão do roteador 3.0, que eventualmente será o roteador no Angular, quebra muitas dessas soluções, mas...
No meu aplicativo Angular 2, quando deslizo para baixo em uma página e clico no link na parte inferior da página, ele muda a rota e me leva para a próxima página, mas não rola para o topo da página. Como resultado, se a primeira página for longa e a segunda página tiver pouco conteúdo, parecerá que...
Eu sei que posso passar um parâmetro routerLinkpara rotas como /user/:id por escrito [routerLink]="['/user', user.id]" mas e rotas como esta: /user/:id/details Existe uma maneira de definir esse parâmetro ou devo considerar um esquema de URL
Estou usando a versão Angular 2.0.0-alpha.30. Quando redirecionar para uma rota diferente, atualize o navegador, mostrando Não é possível obter / rota. Você pode me ajudar a descobrir por que esse erro
Angular 2 - Como navegar para outra rota usando this.router.parent.navigate('/about'). Parece não funcionar. Eu tentei location.go("/about");como isso não funcionou. Basicamente, quando um usuário faz login, quero redirecioná-lo para outra página. Aqui está o meu código abaixo: import...
Qual é o método para redirecionar o usuário para um URL completamente externo no Angular 2. Por exemplo, se eu precisar redirecionar o usuário para um servidor OAuth2 para autenticar, como faria isso? Location.go(),, Router.navigate()e Router.navigateByUrl()são adequados para enviar o usuário para...
Eu quero passar um parâmetro de consulta prop=xxx. Isso não funcionou <a [routerLink]="['/somepath', {queryParams: {prop:
Recentemente, comecei a jogar com o angular 2. É incrível até agora. Então, eu comecei um projeto pessoal de demonstração para aprender usando angular-cli. Com a configuração básica de roteamento, agora quero navegar para algumas rotas do cabeçalho, mas como meu cabeçalho é pai do router-outlet,...
Eu li que injetar quando o bootstrapping deve ter todos os filhos compartilhando a mesma instância, mas meus componentes principal e de cabeçalho (o aplicativo principal inclui o componente de cabeçalho e a saída do roteador) estão recebendo uma instância separada dos meus serviços. Eu tenho um...
No Angular 1.x, posso fazer o seguinte para criar um link que basicamente não faz nada: <a href="">My Link</a> Mas a mesma tag navega para a base de aplicativos no Angular 2. Qual é o equivalente ao Angular 2? Edit: Parece um bug no roteador Angular 2 e agora existe um problema em...
Como mostro uma tela de carregamento quando altero uma rota no Angular
Eu venho do mundo Asp.Net MVC, onde os usuários que tentam acessar uma página que não estão autorizadas são automaticamente redirecionados para a página de login. Estou tentando reproduzir esse comportamento no Angular. Eu vim pelo decorador @CanActivate, mas resulta no componente não...
Meu roteamento nos aplicativos angular2 funciona bem. Mas vou fazer algum routeLink com base nisso : Aqui está minha rota: const routes: RouterConfig = [ { path:'home' , component: FormComponent }, { path:'about', component: AboutComponent }, { path:'**' , component: FormComponent } ]; E...
Gostaria de avisar os usuários sobre alterações não salvas antes de saírem de uma página específica do meu aplicativo angular 2. Normalmente eu usaria window.onbeforeunload, mas isso não funciona para aplicativos de página única. Descobri que no angular 1, você pode conectar o...
Estou criando um site de imobiliária usando Angular 2, Google Maps, etc. e quando um usuário muda o centro do mapa, eu faço uma pesquisa na API indicando a posição atual do mapa, bem como o raio. O fato é que desejo refletir esses valores no url sem recarregar a página inteira. Isso é possível? Eu...
Fizemos uma configuração de projeto angular2 e dentro dele criamos um módulo (my-module) e dentro desse módulo criamos um componente (my-new-component) usando os seguintes comandos cmd: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component Depois de...
Suponha que eu esteja atualmente na página que contém o URL /user/:id. Agora, a partir desta página, navego para a próxima página :id/posts. Agora existe uma maneira, para que eu possa verificar qual é a URL anterior, ou seja /user/:id. Abaixo estão minhas rotas export const routes: Routes =...
Estou trabalhando em um aplicativo que tem várias funções e preciso usar guardas para bloquear a navegação em partes do aplicativo com base nessas funções. Sei que posso criar classes de guarda individuais para cada função, mas preferiria ter uma classe para a qual pudesse de alguma forma passar um...