具有反应形式的 Angular 2 复选框值 [英] Angular 2 Checkbox value with Reactive form

问题描述

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

-----------------------------------------------------------

<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.已检查">&nbsp;{{CatArry[i].cat_name}}

解决方案

Template Side :

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

组件端:

services = {};

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

i have checkbox in angular 2 reactive form i need to pass the values of these checkbox in POST api , Right now they will pass value on status. below are checkbox code it only passed the status like true or false instead of value like 1,2 something like that.

<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>

解决方案

Template Side :

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

Component Side :

services = {};

And then use services as your selected checkboxes values

这篇关于具有反应形式的 Angular 2 复选框值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！