navigate to another angular page 10

Question

I'm studying angular and would like to navigate to another page when I click on the button. it happens to me that when I click they add the component of the second page under the button. I followed a thousand tutorials but I don't get the desired result!

    <a class="card" routerLinkActive="active" routerLink="/prenota" > 
   <span style="margin: 14px;">Prenota</span> </a>


const routes: Routes = [
  { path: 'prenota', component: PrenotaComponent },
  { path: 'visualizza', component: VisualizzaComponent },
];

@NgModule({
  imports: [RouterModule.forRoot(routes, {
    onSameUrlNavigation: 'reload'
  })],
  exports: [RouterModule]
})

Would you be able to provide a quick example on StackBlitz? – Rob Bailey Jul 09 '20 at 08:36 — Rob Bailey, Jul 09 '20 at 08:36

score 0 · Accepted Answer · answered Jul 09 '20 at 09:29

0

Try this way:

   <a class="card" routerLinkActive="active" routerLink="/prenota"> 
   <span style="margin: 14px;">Prenota</span> </a>
   <router-outlet></router-outlet>

answered Jul 09 '20 at 09:29

Arsen Galloghlyan

171
1
9

thanks, I added where you suggested but the situation does not change! they add the second component below the first ... – BenTech Jul 09 '20 at 09:38
You mean your routing component adds under the buttons? – Arsen Galloghlyan Jul 09 '20 at 09:43

navigate to another angular page 10

1 Answers1