how can I disable checkboxes in angular 2

Question

I want to disable a checkbox input, I mean, the user can not check de checkbox

there is an atribute to disable this? like [enable] or [disable]? or how can I fix this?

<input type="checkbox" name="isActive"  [(ngModel)]="user.isActive">

any idea?

The disabled attribute is probably what you're looking for...were you looking to bind that to an event? — Makoto
– Makoto, Commented Apr 19, 2017 at 16:13
@Kody: Since I'm asking a question to the OP...no, I really shouldn't leave that as an answer. — Makoto
– Makoto, Commented Jul 6, 2017 at 20:21

Saravanan Sachi · Accepted Answer · 2017-07-17 08:13:46Z

1

To disable a checkbox, I tried many [disabled], [attr.disabled]

But interpolation worked.

<input name="chkUpdate" type="checkbox" 
       [(ngModel)]="selectedGrp.Updateind" 
       disabled="{{selectedGrp.App_Id == 5}}"/>

answered Jul 17, 2017 at 8:13

Saravanan Sachi

2,6425 gold badges36 silver badges44 bronze badges

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

Comments

AndyTheEntity · Accepted Answer · 2017-07-19 12:01:15Z

1

Interpolation didn't work for me, had to set disabled on FormControl:

new FormControl({value: value, disabled: true});

answered Jul 19, 2017 at 12:01

AndyTheEntity

4,1962 gold badges24 silver badges20 bronze badges

georgeos · Accepted Answer · 2018-04-04 04:14:02Z

1

If you are using reactive forms, you can use something like this in the right methods:

To disable:

this.myform.controls['chkUpdate'].disable();

To enable:

this.myform.controls['chkUpdate'].enable();

answered Apr 4, 2018 at 4:14

georgeos

2,5212 gold badges26 silver badges32 bronze badges