Angular and HTML Checkbox

Question

I have a variable that is either 1 or 0 called {{CurrentItem.STATUS}}

How do I make the checkbox checked/unchecked depending on the value of {{CurrentItem.STATUS}}. 1 = Checked & 2 = Unchecked. I would prefer an Angular solution that doesn't need any javascript/typescript.

Something like this would be perfect:

<input type="checkbox" checked="{{CurrentItem.STATUS}} == 1">

bugs · Accepted Answer · 2018-05-10 10:29:59Z

2

You can use two-way data binding with ngModel

<input type="checkbox" [(ngModel)]="CurrentItem.STATUS">

This will work as 0 is considered Falsy in JS

answered May 10, 2018 at 10:29

bugs

15.4k6 gold badges53 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Frank Over a year ago

Thank you! :) Appreciate your help

Frank · Accepted Answer · 2018-05-10 10:30:24Z

0

This works:

<input type="checkbox" [checked]="CurrentItem.STATUS == 1">

answered May 10, 2018 at 10:30

Frank

2,5019 gold badges29 silver badges55 bronze badges

2 Comments

Martin Parenteau Over a year ago

Is CurrentItem.STATUS supposed to change when you check/uncheck the checkbox?

Frank Over a year ago

Nope not necessary, just for initializing values :)

Collectives™ on Stack Overflow

Angular and HTML Checkbox

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related