要在Angular CLI中实现提交后刷新页面的ReactiveForms,可以使用以下步骤:
首先,确保你已经创建了一个ReactiveForm并在组件中引入了FormsModule和ReactiveFormsModule。
在组件的构造函数中注入Router服务,并将其存储在一个本地变量中。
import { Router } from '@angular/router';
constructor(private router: Router) { }
onSubmit() {
// 处理表单提交逻辑
// 导航到当前URL
this.router.navigateByUrl('/', { skipLocationChange: true }).then(() => {
this.router.navigate([this.router.url]);
});
}
在上面的代码中,我们首先使用skipLocationChange选项来跳过URL的更改,并在导航完成后再次导航到当前URL。这样做的目的是刷新页面,而不改变URL。
这样,当用户提交表单时,将调用onSubmit方法,并刷新页面。
请注意,此解决方法仅在Angular CLI中适用,如果你在其他环境中使用Angular,可能需要根据具体情况进行适当调整。