AngularJS input filed checkbox ng-click not firing method

Question

I need to call function in toggle switch by ng-click, but the customerActiveDeactive funtion is not fire.

<a title="Active/ Deactivate" > <input type="checkbox" class="js-switch" ng-init="status=True" ng-model="status" ng-name="status" ng-checked="{{ customer.status|lower }}" ng-click="customerActiveDeactive({{ customer.id }})" /> </a> $scope.customerActiveDeactive = function(id) { console.log("method call"); } 

Answer 1

You are passing variable as a argument in wrong way: Do it like this:

<a title="Active/ Deactivate" > <input type="checkbox" class="js-switch" ng-init="status=True" ng-model="status" ng-name="status" ng-checked="{{ customer.status|lower }}" ng-click="customerActiveDeactive(customer.id )" /> </a> $scope.customerActiveDeactive = function(id) { console.log("method call"); } 

Answer 2

As per comments, since customer id your django variable, Simply change this line :

ng-click="customerActiveDeactive({{ customer.id }})" 

to

ng-click="customerActiveDeactive('{{ customer.id }}')"