网址更改，但仍然在路由角4的同一页上？

Question

我正在尝试使用角度4在我的项目中执行此示例。 https://angular.io/tutorial/toh-pt5#add-routes

如何更改网址但仍在同一页面

Answer 1

哈哈，这不是一个很好的问题。

你读过教程吗？如果是，那么问题是什么？

1. 您需要配置|| Routes个Route对象数组：

   const routes: Routes = [
     { path: 'lazysalim', component: LazySalimComponent }
   ];
   

   Path是表示网址中路由的字符串，component是您在此网址上显示的关联组件。

2. 通过app.module.ts方法将其添加到模块（可能是forRoot）：

   imports: [
     ...,
     RouterModule.forRoot(routes)
   ]
   

3. 您需要在模板中添加<router-oultet></router-oultet>。它充当锚点，与匹配URL关联的组件将显示在此锚点下方。

4. 您需要一个按钮或其他东西来导航到这些路径。你可以使用

   <a [routerLink]="['lazysalim']">
   

   您将被导航到url / lazysalim`作为按钮。或者

      this.router.navigate(['lazysalim'])`.
   

   我希望你的时间不会太长：\