Pass Checkbox Value To Angular's Ng-click
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:
Solution 1:
You can do the following things:
- Use ng-model if you want to bind a html component to angular scope
- Change
ng-clicktong-change - If you have to bind some value upon checking and un-checking the checkbox use
ng-true-value="someValue"andng-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
<inputtype="checkbox" id="cb1" ng-model="check" ng-change="checkAll(check)" ng-true-value="YES" ng-false-value="NO"/> Citizen
Solution 2:
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)" />
Solution 3:
Assigning an ng-model to it will return boolean value depending upon the change to it:
<inputtype="checkbox"id="cb1" ng-model="checkValue" ng-change="checkAll(checkValue)" />
Better to use ng-change rather than ng-click
Solution 4:
Bind the checkbox to a value and pass it to ng-click.
<inputtype="checkbox" ng-model="value"id="cb1" ng-click="checkAll(value)" />
Solution 5:
You can do the following things. Worked for me.
<input type="checkbox"id="cb1" ng-click="onChecked($event.target.checked)" />
Post a Comment for "Pass Checkbox Value To Angular's Ng-click"