在 Angular 中,如果需要刷新当前路由,可以使用
Router
模块提供的
navigate
方法来实现。
具体来说,可以在需要刷新当前路由的组件中注入
Router
服务,然后调用
navigate
方法,并将当前路由的路径作为参数传入,这将会导致当前路由被重新加载一次。
下面是一个示例代码:
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-my-component',
template: `
<button (click)="refresh()">Refresh</button>
export class MyComponent implements OnInit {
constructor(private router: Router) {}
ngOnInit() {}
refresh() {
this.router.navigate([this.router.url]);
在这个示例代码中,我们定义了一个名为 MyComponent
的组件,它包含一个按钮,当用户点击该按钮时,会调用 refresh
方法。
在 refresh
方法中,我们使用 this.router.url
获取当前路由的路径,并将其作为参数传入 navigate
方法中。这将会导致当前路由被重新加载一次,从而实现刷新的效果。
需要注意的是,如果当前路由的路径中包含参数或者查询参数,需要在调用 navigate
方法时将其一并传入,否则可能导致刷新后的页面与原来的页面不一致。