如何使用Router在Angular中重新加载当前路由
大家好!我是Angular和TypeScript的新手,遇到了一个问题:我需要以编程方式重新加载当前页面(相同的路由,相同的参数)。例如,在用户保存或更改数据后,我想更新组件,使其重新从服务器加载数据。
我尝试过使用`location.reload()`,但这会完全重新加载页面,重置应用程序状态,看起来不美观。我也尝试过`this.router.navigate([this.router.url])`,但Angular没有反应——什么都没发生,因为路由没有改变。
以下是我尝试使用的示例代码:
```typescript
import { Component } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-my-page',
template: `
{{ data }}
`
})
export class MyPageComponent {
data: string;
constructor(private router: R