小编use*_*147的帖子

角反应形式

我是 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)

angular angular-reactive-forms

2
推荐指数
1
解决办法
5449
查看次数

标签 统计

angular ×1

angular-reactive-forms ×1