要实现Angular 7中按钮提交后刷新页面的功能,可以使用以下步骤:
refreshPage()
方法,并在该方法中执行提交操作后刷新页面:import { Component } from '@angular/core';
@Component({
selector: 'app-your-component',
templateUrl: './your-component.component.html',
styleUrls: ['./your-component.component.css']
})
export class YourComponentComponent {
refreshPage() {
// 执行提交操作,例如发送HTTP请求等
// 刷新页面
window.location.reload();
}
}
在上述代码中,我们通过调用window.location.reload()
方法来刷新页面。
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { YourComponentComponent } from './your-component.component';
@NgModule({
declarations: [
YourComponentComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [YourComponentComponent]
})
export class AppModule { }
请注意,在这个步骤中,我们假设你已经创建了一个组件,并正确地引入了BrowserModule
。
这样,当用户点击按钮时,refreshPage()
方法将被触发,执行提交操作后刷新页面。