Is there a way to pass to angular directive ng-click the value of the associated input?
In other words, what should replace this.value in the following:
<input type="checkbox" id="cb1" ng-click="checkAll(this.value)" />
PS. I don't want a workaround to alternate values, I just wonder if is possible to pass a value of an input as argument to an angular function.
You can do the following things:
ng-click to ng-changeng-true-value="someValue" and ng-false-value="someValue"The order of execution of
ng-clickandng-modelis ambiguous since they do not define clear priorities. Instead you should use ng-change or a$watchon the$scopeto ensure that you obtain the correct values of the model variable.
Courtesy of musically_ut
<input type="checkbox" id="cb1" ng-model="check" ng-change="checkAll(check)" ng-true-value="YES" ng-false-value="NO"/> Citizen
Today i wanted to do the same thing and i see nobody answered the actual question. This is against the Angular philosophy, but you can replace "this.value" with "$event.target.checked" :
<input type="checkbox" id="cb1" ng-click="checkAll($event.target.checked)" />
Assigning an ng-model to it will return boolean value depending upon the change to it:
<input type="checkbox" id="cb1" ng-model="checkValue" ng-change="checkAll(checkValue)" />
Better to use ng-change rather than ng-click
Bind the checkbox to a value and pass it to ng-click.
<input type="checkbox" ng-model="value" id="cb1" ng-click="checkAll(value)" />
You can do the following things. Worked for me.
<input type="checkbox" id="cb1" ng-click="onChecked($event.target.checked)" />
