How to Redirect to another Page in Angular?
Today, i am going to write angular tutorial about how to redirect to another route in angular 8 application. i want to give very simple example of redirect to another page in route file. we can easily redirect to another route using redirectTo in angular.
You can simply redirect to page in angular 6, angular 7, angular 8, angular 9, angular 10, angular 11, angular 12 and angular 13 application with this solution.
It's pretty simple to redirect to another route url using redirectTo in angular application. but you maybe don't know so you can simple see bellow app-routing.module.ts file and see how i declare routes and how i redirect that home page to another route.
You can see code of route define:
{
path: '',
redirectTo: 'redirect_route_name',
pathMatch: 'full'
}
you can just see bellow code and you will have solution for your angular app.
app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { BlogComponent } from './blog/blog.component';
import { PostsComponent } from './posts/posts.component';
const routes: Routes = [
{
path: '',
redirectTo: 'posts',
pathMatch: 'full'
},
{
path: 'posts',
component: PostsComponent
},
{
path: 'blog/:id',
component: BlogComponent
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
If you run your home page like this way:
http://localhost:4200/
It will redirect to this url:
http://localhost:4200/posts
I hope it can help you...

Hardik Savani
I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- How To Get Client IP Address in Angular?
- Angular Form Validation no Whitespace Allowed Example
- Angular Get Parameters from URL Route
- How to get Query String from url in Angular?
- Angular Http Post Request Example
- Angular Get Current Route Name Example
- How to get current url in Angular?
- Angular 9/8 Routing and Nested Routing Tutorial With Example