url 更改但仍与路由角度 4 在同一页面上？答案

【问题标题】：url change but still on the same page with routing angular 4?url 更改但仍与路由角度 4 在同一页面上？
【发布时间】：2018-06-10 14:51:21
【问题描述】：

我试图在我的项目中使用 angular 4 来做这个例子。 https://angular.io/tutorial/toh-pt5#add-routes

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

【问题讨论】：

【解决方案1】：

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

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

您需要配置您的 Routes 数组 Route 对象：
```
const routes: Routes = [
  { path: 'lazysalim', component: LazySalimComponent }
];
```
Path 是一个字符串，表示 url 中的路由，component 是您希望在此 url 上显示的关联组件。
通过forRoot 方法将其添加到模块（可能是app.module.ts）导入中：
```
imports: [
  ...,
  RouterModule.forRoot(routes)
]
```
您需要将<router-oultet></router-oultet> 添加到您的模板中。这作为一个锚点，与匹配的 URL 关联的 Component 将显示在该锚点下方。
您需要一个按钮或其他东西来导航到这些路径。你可以使用
```
<a [routerLink]="['lazysalim']">
```
您将被导航到 url/lazysalim` 作为一个按钮。或者
```
   this.router.navigate(['lazysalim'])`.
```
希望对你来说不会太长：\

【讨论】：