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");
}

Amrit · Accepted Answer · 2018-07-25 12:04:10Z

2

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");
    }

answered Jul 25, 2018 at 12:04

Amrit

2,1831 gold badge24 silver badges42 bronze badges

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

2 Comments

shafikshaon Over a year ago

{{ customer.id }} is my django variable

Amrit Over a year ago

then store this variable in $scope.var="value" and then you can use var in html

amrender singh · Accepted Answer · 2018-07-25 12:12:09Z

1

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

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

to

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

edited Jul 25, 2018 at 12:12

answered Jul 25, 2018 at 12:04

amrender singh

8,2594 gold badges27 silver badges30 bronze badges

4 Comments

shafikshaon Over a year ago

{{ customer.id }} is my django variable

amrender singh Over a year ago

is customer.id variable is set as a scope variable?

shafikshaon Over a year ago

{{ customer.id }} send to as parameter of customerActiveDeactive(id. isn't it?

amrender singh Over a year ago

@ShafikurRahmanShaon i have updated my answer please try with this change. :-)

Collectives™ on Stack Overflow

AngularJS input filed checkbox ng-click not firing method

2 Answers 2

2 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related