导航到另一个 angular 页 10

Question

我正在学习 angular 并且想在单击按钮时导航到另一个页面。它发生在我身上，当我点击时，他们在按钮下添加了第二页的组件。我学习了一千个教程，但没有得到想要的结果！

    <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]
})

Answer 1

试试这个方法：

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

导航到另一个 angular 页 10

navigate to another angular page 10

angular

angular10