Setting checkbox value in angular after initialization

Question

So I have this checkbox, I have binded ngModel to it and based on the ngModel it properly sets the checkbox as checked or unchecked.

The problem is, if I change the checkbox, I check for some conditions and based on some that condition I make the ngModel binded to it false again, so technically it should go back to unchecked state if it was checked and the condition satisfied, but it's not. Although my ngModel shows a value of false.

Even tried with the [checked] attribute, but it's also not working.

Any inputs are highly appreciated

<input type="checkbox" [(ngModel)]="isChecked" [checked]="isChecked" (ngModelChange)="onChange('statusPush',$event)">

in Component

if(someCondition) {
this.isChecked = false
}

I don't know what you are asking. But I'm guessing this might help you --> stackoverflow.com/questions/54450254/… if what described there is what you intended to do — Jenna Leaf
– Jenna Leaf, Commented Jan 30, 2019 at 22:35
I'm just trying to help to solve your cold case. I ain't no bro, either. LOL! — Jenna Leaf
– Jenna Leaf, Commented Jan 31, 2019 at 13:48

Veena K. Suresh · Accepted Answer · 2017-11-21 06:48:47Z

0

This code worked for me, just add a time out function before making the value of isChecked true or false in your onChange function

if(someCondition) {
  setTimeout(()=>{
    this.isChecked = false
  });
}

Hope this helps.

answered Nov 21, 2017 at 6:48

Veena K. Suresh

1,0128 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Setting checkbox value in angular after initialization

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related