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.
To determine the state of a check box, you can use the wState property.
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.
@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.
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!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With