要在Angular表单成功提交后自动滚动到顶部,您可以使用Angular的Renderer2服务来滚动到顶部。以下是一个示例解决方案:
import { Component, Renderer2 } from '@angular/core';
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
})
export class FormComponent {
constructor(private renderer: Renderer2) {}
// 表单提交的方法
onSubmit() {
// 在此处执行表单提交的逻辑
// 滚动到顶部
this.scrollToTop();
}
// 滚动到顶部的方法
scrollToTop() {
const top = document.documentElement.scrollTop || document.body.scrollTop;
if (top > 0) {
this.renderer.setStyle(document.body, 'scrollTop', 0);
this.renderer.setStyle(document.documentElement, 'scrollTop', 0);
}
}
}
onSubmit
方法。
这样,当表单成功提交后,页面将自动滚动到顶部。