时间戳

首页 > 解决方案 > 使用 JSON 在 Angular 中存储模板驱动的表单数据

json - 使用 JSON 在 Angular 中存储模板驱动的表单数据

问题描述

我需要使用 JSON 来存储表单数据，但我不知道如何去做。我知道我需要存储从文本字段和单选按钮收集的所有数据，然后我需要制作一个显示数据的表单。谁能指出我的好资源？或者知道我该怎么做？我还需要知道如何访问另一个页面的数据，因为这是一个有两个页面的应用程序。一种用于收集数据，另一种用于显示。

标签： jsonangular

解决方案

所以基本上将表单数据存储到 JSON 只是创建一个 JSON 对象并将表单值分配给该对象内的指定属性。

我的方法很简单，在提交时我添加新对象

let newValue = {
     inputValue : this.form.value.input,
     selectValue : this.form.value.select,
    }

这只是一个例子，将表单值分配给我们新对象的属性。然后像这样将数据推送到api

pushToAPIFunc(newValue);

结果会是这样

{
  "newValue" :{
      "inputValue" : "inputValue",
      "selectValue" : "selectValue"
   }
}

要显示该数据，例如您有一个编辑页面，您可以patchValue()将该 JSON 用于您的表单，或者手动将该数据分配给每个formControlName

推荐阅读