嗨，如何在mat步骤中保存或存储状态/步骤，当我刷新页面时，它来自初始步骤/开始。

Question

我在第12角的垫子上放置了许多反作用形式，但是它在刷新页面的初始步骤中出现，我如何保存状态，而我刷新页面，有什么想法吗？

​

​

 <mat-stepper labelPosition="bottom" linear  #stepper>
    <mat-step [stepControl]="selForm"></mat-step>
    <mat-step [stepControl]="indentityGrp" [editable]="isEditable"></mat-step>
    <mat-step [stepControl]="address" [editable]="isEditable2" class="border"></mat-step>
    <mat-step [stepControl]="member" [editable]="isEditable3"></mat-step>
</mat-stepper>

Answer 1

选项1:将其发送到服务器，并将临时表单数据存储在那里，并在每个应用程序初始化时获取它。

选项2:保存在localStorage上，如下所示：

this.form.valueChanges.subscribe(data => localStorage.setItem('form', data)) 

在你的组件里

ngOnInit() {
   this.form.fetchData(localStorage.getItem('form'))
}