Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将反应式表单数据存储到localstorage?_Javascript_Typescript_Angular7 - Fatal编程技术网

Javascript 如何将反应式表单数据存储到localstorage?

Javascript 如何将反应式表单数据存储到localstorage?,javascript,typescript,angular7,Javascript,Typescript,Angular7,我想将反应式表单数据存储到本地存储器,并将该数据访问到另一个页面 <form [formGroup]="testform" > firstname: <input type="text" formControlName="fname"><br> lastname: <input type="text" formControlName="lname"> <but

我想将反应式表单数据存储到本地存储器,并将该数据访问到另一个页面

<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>

名字:

姓氏: 提交
我希望任何人都知道这个问题。谢谢。

要设置值:

如果要存储对象,则需要使用JSON.stringify()

localStorage.setItem('form-data', JSON.stringify(this.testform.value));
要从localStorage获取存储的对象,请执行以下操作:

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

你在这方面有什么问题吗?我不知道怎么做检查张贴的回答你应该将数据存储在服务中而不是本地存储你能解释一下怎么做吗?如何将值显示到控制台
console.log(formValue)