如何使用 API 響應數據制作 Angular 響應式（動態）表單？ 需要建議

Question

[
  {
    "name": "jkjk",
    "firstName": "hgh",
    "lastName": "ehtrh",
    "replytype": "svdv",
    "prodCode": "svv",
    "executor": "ewwe",
    "skills": [
      {},
      {}
    ]
  },
  {
    "name": "sdkjbdsf",
    "firstName": "kdvbfd",
    "lastName": "dkbd",
    "replytype": "SQLServer",
    "prodCode": "vsdv",
    "executor": "vkjbndsf,vd",
    "skills": [
      {
        "name1": "abs"
      },
      {
        "name2": "bbs"
      }
    ]
  }
]

Answer 1

在這種情況下，我建議您使用*ngFor循環並生成您的輸入。

將鍵添加為name屬性，將值添加為值。

然后您可以像往常一樣發布數據。

<form>
  <div *ngFor="let item of array">
    <ng-container *ngFor="let i of item | keyvalue">
      <input [name]=i.key [value]="i.value" />
    </ng-container>
  </div>
  <button type="submit" (click)="edit()"></button>
</form>

• 使用一些條件標簽來提供其他類型的表單標簽（select、textarea、...）。