url 更改但仍与路由在同一页面上 angular 4？

url change but still on the same page with routing angular 4?

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

如何更改 URL 但仍在同一页上

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

你看教程了吗？如果是那么问题是什么？

您需要配置 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 关联的组件将显示在该锚点下方。
您需要一个按钮或其他东西来导航到这些路径。您可以使用
```
<a [routerLink]="['lazysalim']">
```
您将被导航到 url/lazysalim` 作为按钮。或者
```
   this.router.navigate(['lazysalim'])`.
```
希望对你来说不会太长:\