如何在Angular8中为json对象下方创建可编辑表单字段？

Question

我想为以下角度为8的Json键值对创建可编辑的表单字段。数据数组中的每个对象都是表单数据。在这里，我想同时编辑json的键和值，也可以添加新的键和值。

任何帮助将不胜感激

{
  "status_code": 200,
  "status": "Success",
  "messages": {
    "data": [
      {
        "Id": 1,
        "Name": "Dummy Monitoring Profile",
        "Unicornio_SnapshotParameters": "{\"duration\": 30, \"interval\": 300, \"extra_duration\": 120}",
        "Winchcomb_SnapshotParameters": "{\"width\": -1, \"format\": \"jpg\", \"height\": 480, \"period\": 10, \"quality\": 8}",
        "Winchcomb_MatchingParameters": "{\"duration\": 60, \"quantity\": \"all\"}",
        "Esmeralda_InterpretationParameters": "{\"parameters\": {\"prop_match\": 0.8}, \"interpretation_method\": \"number_of_lines\"}",
        "Cortes_SnapshotsParameters": "{\"width\": -1, \"format\": \"jpg\", \"height\": 480, \"period\": 10, \"quality\": 8}",
        "Cortes_RFPParameters": "{\"ceco_length\": 30, \"recheck_time\": 40}",
        "KeywordMatch_Parameters": "{\"levenshtein_ratio\": 0.7, \"levenshtein_distance\": 4}",
        "Venus_Parameters": "{\"duration\": 5, \"an_prefix\": \"SNV\", \"IpBlockingEnabled\": 1}",
        "CountryCode": "{\"country_code\": []}",
        "Borbon_ScheduleParameters": "{\"days_to_recheck\": 7}"
      },
      {
        "Id": 2,
        "Name": "Default Monitoring Profile",
        "Unicornio_SnapshotParameters": "{\"duration\": 30, \"interval\": 1, \"extra_duration\": 0}",
        "Winchcomb_SnapshotParameters": "{\"width\": -1, \"format\": \"jpg\", \"height\": 480, \"period\": 10, \"quality\": 8}",
        "Winchcomb_MatchingParameters": "{\"duration\": 30, \"quantity\": \"all\"}",
        "Esmeralda_InterpretationParameters": "{\"parameters\": {\"prop_match\": 0.8}, \"interpretation_method\": \"number_of_lines\"}",
        "Cortes_SnapshotsParameters": "{\"width\": -1, \"format\": \"jpg\", \"height\": 480, \"period\": 10, \"quality\": 8}",
        "Cortes_RFPParameters": "{\"ceco_length\": 30, \"recheck_time\": 40}",
        "KeywordMatch_Parameters": "{\"levenshtein_ratio\": 0.7, \"levenshtein_distance\": 4}",
        "Venus_Parameters": "{\"duration\": 5, \"an_prefix\": \"SNV\"}",
        "CountryCode": "{\"country_code\": []}",
        "Borbon_ScheduleParameters": "{\"days_to_recheck\": 7}"
      }
    ],
    "error": [

    ]
  }
}