如何解决如何在不进行控制迭代的情况下使用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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。