Question

我有角度2反应形式的复选框我需要在POST api中传递这些复选框的值，现在他们将传递状态值。下面是复选框代码，它只传递像true或false这样的状态而不是类似1,2之类的值。

<input type="checkbox" formControlName="servicelatest"  [value]="CatArry[i].id" (change)="serviceCheckBox($event)"/>

------------------- ** ------------------------

<div *ngFor="let serviceType of laceDetailFrom.controls.serviceType.controls; let i=index" >
<div  [formGroupName]="i">

<input type="checkbox" formControlName="servicelatest"  [value]="CatArry[i].id" (change)="services[$event.target.getAttribute('value')]=$event.target.checked">&nbsp;{{CatArry[i].cat_name}}
                             </div>
                           </div>

Answer 1

模板面：

<input type="checkbox" formControlName="servicelatest"  [value]="CatArry[i].id" 
(change)="services[$event.target.getAttribute('value')]=$event.target.checked"/>

组件方：

services = {};

然后使用服务作为您选择的复选框值

Angular 2 Checkbox值与Reactive表单

1 个答案: