Angular2, disable button if no checkbox selected

Question

I have multiple checkboxes and a button that has to be enabled only if at least one checkbox is selected

VALUE1


        

Answer 1

You can perform any action by using $event in change event of checkbox.

Sample:

HTML

button

TS

 toggleBool: boolean=true;

 changeEvent(event) {
        if (event.target.checked) {
            this.toggleBool= false;
        }
        else {
            this.toggleBool= true;
        }
    }