如何在不进行控制迭代的情况下使用Angular中的反应形式发送对象数组？

问题描述

实际上，我是从API获取员工列表的，必须一键将数据发布为对象数组。帖子数据将如下所示。

    {
"date" : "15/08/2020",//Current Date
"empAttendance" : [
        {
                "EmpId":"3","AttendanceType": "P"
        },{
                "EmpId":"5",// More Like this.
        ]
}

前端看起来像这样- enter image description here

那么，如何解决这个问题？ 您能帮我吗？我正在互联网上搜索。我是新手。如果还有其他想法也有帮助。谢谢。

解决方法

Live Exmpale
您可以这样操作： 组件代码：

import { Component,VERSION } from "@angular/core";
import { HttpClient } from "@angular/common/http";

export interface Attendence {
  date: String; //Current Date
  empAttendance: Array<Employee>;
}

export interface Employee {
  EmpId: String;
  AttendanceType: String;
}


@Component({
  selector: "my-app",templateUrl: "./app.component.html",styleUrls: ["./app.component.css"]
})
export class AppComponent {
  name = "Angular " + VERSION.major;

  constructor(private httpClient: HttpClient) {}
  postArray: Attendence[];
  source = {
    date: "15/08/2020",//Current Date
    empAttendance: [
      {
        EmpId: "3",AttendanceType: "P"
      },{
        EmpId: "5",AttendanceType: "P"
      } // More Like this.
    ]
  };

  postData(source: any) {
     this.postArray = [
       {
         date:this.source.date,empAttendance:this.source.empAttendance
       }
     ]
     console.log(this.postArray);
    // below code should be in service.
    this.httpClient.post("url",this.postArray).subscribe(
      res => {
        console.log("Posted");
      },err => {
       // console.log(err);
      }
    );
  }
}

模板：

<button (click)="postData(source)" >Post Data</button>