Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular 4 checkbox change value

how could you achieve in Angular 4 that when you register in a checkbox save an "A" or "B" value. As much as I try, he is only sending me true or false, I hope someone can help me.

registry.component.ts

  this.userForm = new FormGroup({    state: new FormControl('',),   }); 

registry.component.html

<div class="form-group">   <label>State</label>   <input type="checkbox"          [(ngModel)]="isChecked"          (change)="checkValue(isChecked?'A':'B')"          formControlName="state"/> </div>    <pre>{{userForm.value | json}}</pre> 

That way I can get the console to show the value I want (A or B) but in the JSON is still true or false.

like image 368
J. Edu Avatar asked Nov 02 '17 05:11

J. Edu


People also ask

Which directive of checkbox is used for identify change in state?

To determine the state of a check box, you can use the wState property.

How do I use Matcheckboxchange?

Angular Material <mat-checkbox> has two events that are change and indeterminateChange . The change event is emitted when checked value of checkbox changes. The indeterminateChange event is emitted when indeterminate value of checkbox changes.

How do you call a function if a checkbox is checked in angular 2?

@SoukainaElHayouni Make the code as below, it will work. yourfunc(e) { if(e. checked){ } } please remove the target property from the code.It worked for me.


1 Answers

This it what you are looking for:

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkValue(isChecked?'A':'B')" /> 

Inside your class:

checkValue(event: any){    console.log(event); } 

Also include FormsModule in app.module.ts to make ngModel work !

Hope it Helps!

like image 140
SHOHIL SETHIA Avatar answered Sep 28 '22 08:09

SHOHIL SETHIA