javascript - 如何将响应式(Reactive)表单数据存储到本地存储？

Question

我想将响应式(Reactive)表单数据存储到本地存储并将该数据访问到另一个页面。

<form [formGroup]="testform" >
      firstname:
          <input type="text" formControlName="fname"><br>
      lastname:
          <input type="text" formControlName="lname">
          <button type="submit" (click)="Submit(testform)">Submit</button>
</form>

我希望有人知道这个问题。谢谢。

Answer 1

设置值:

JSON.stringify() 如果您要存储对象，则需要。

localStorage.setItem('form-data', JSON.stringify(this.testform.value));

并从 localStorage 获取存储的对象:

let formValue = JSON.parse(localStorage.getItem('form-data'))