我是 Angular 5 的新手。我目前正在研究 Angular Reactive 表单。我有一个下面的 JSON 结构,从 FORM 获取值后需要将其发回 REST API。
JSON 结构:
{
"empDesg": "Sr Developer",
"empID": 123,
"empName": "Sam",
"empSkills": [
"Java",
"Devops"
]
}
Run Code Online (Sandbox Code Playgroud)
我设法将 empID、empName 和 empDesg 映射到 formcontrols;它们都将成为输入文本元素。我想使用 formcontrols 或 formarray 将 empSkills 映射到复选框(但不确定使用哪一个)-只有我被困住了。
我的 HTML 和组件类:
addEmp.component.html
<form class="form-emp" [formGroup]="empForm">
<div class="form-group row ">
<label for="empID" class="col-sm-2 col-form-label">EmpID</label>
<div class="col-sm-10">
<input type="text" formControlName="empID" name="empID" class="form-control" id="empID" placeholder="Employee ID">
<div *ngIf="empForm.controls.empID.invalid && empForm.controls.empID.touched">
<ngb-alert type="danger" [dismissible]="false">Employee ID is must</ngb-alert>
</div>
</div>
</div>
<div …Run Code Online (Sandbox Code Playgroud)