How to set homepage route url using angular routing?

Question

I have only one route in my application so when application starts i want to show route as http://localhost:4200/specialtyQ for some reason now application is not loading i have below code to achieve that , How i can show correct url ?

app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './app.component';


const routes: Routes = [{
  path: '/specialtyQs',
  component: AppComponent
}];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

Gourav Garg · Accepted Answer · 2020-04-08 19:38:34Z

3

You need to add one default route to redirect

const routes: Routes = [{
   path: 'specialtyQs',
   component: AppComponent
 },
 {
   path: '',
   redirectTo: 'specialtyQs',
   pathMatch: 'full'
 }];

This will redirect to specific url.

answered Apr 8, 2020 at 19:38

Gourav Garg

2,92114 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

hussain Over a year ago

Worked Thank you Sir!

hussain Over a year ago

actually just noticed page is showing twice in the browser including navbar

Gourav Garg Over a year ago

you mean double content? can you add a screenshot?

hussain Over a year ago

asked new questions and added image there stackoverflow.com/questions/61126591/…

Jasdeep Singh · Accepted Answer · 2020-04-08 19:25:25Z

0

Just add a routing path like below in your code instead of the way you have added it.

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './app.component';


const routes: Routes = [{
  path: '',
  redirectTo: '/specialtyQs',
  pathMatch: 'full'
}];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

answered Apr 8, 2020 at 19:25

Jasdeep Singh

8,3411 gold badge17 silver badges31 bronze badges

2 Comments

hussain Over a year ago

this is not changing anything url is still http://localhost:4200/ it should change to http://localhost:4200/specialtyQs and we did not specified component as i wanted to load appComponent as default

Jasdeep Singh Over a year ago

let me create a stackblitz instance for you.

Collectives™ on Stack Overflow

How to set homepage route url using angular routing?

2 Answers 2

4 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related