CODEWITHSUNDEEP
javascriptangulartypescript
praveenkumar s
praveenkumar s

Reputation: 325

angular2 checkbox value when checked set 1 and unchecked to set 0

I want to check value whether 0 or 1 using checked and unchecked

<div class="roadblock"> <input type="checkbox" class="checkbox_style1" id="roaddiv" [(ngModel)]="note.selected" /> </div>
<div class="roadtext"> Road block </div>
<div class="roadblock"> <input type="checkbox" class="checkbox_style1" id="devdiv" [(ngModel)]="note.selected" /> </div>
<div class="roadtext"> Deviation </div>
<div class="roadblock"> <input type="checkbox" class="checkbox_style1" id="changediv" [(ngModel)]="note.selected" /> </div>
<div class="roadtext"> Change in approach</div>
<div class="roadblock"> <input type="checkbox" class="checkbox_style1" id="techdiv" [(ngModel)]="note.selected" /> </div>
<div class="roadtext"> Tech help</div>

Upvotes: 1

Views: 4661

Answers (1)

G&#252;nter Z&#246;chbauer
G&#252;nter Z&#246;chbauer

Reputation: 658037

You can use expressions in ngModel bindings to translate the values:

[ngModel]="note.selected == 1 ? true : note.selected == 0 ? false : null" (ngModelChange)="note.selected = $event ? 1 : 0"

but this requires to split [(ngModel)] to [ngModel] and (ngModelChange)

Upvotes: 8

Related Questions