AngularJS: ng-click doesn't work

Question

I built a function that counts how many times the user clicked on his name in the users table, but the ng-click doesn't triggers the function.

HTML code:

<tr ng-repeat="user in Users.slice(((currentPage-1)*itemsPerPage), ((currentPage)*itemsPerPage))">
     <td class="col-lg-1" ng-click="tapName(user.userName)">{{user.userName}}</td>
     <td class="col-lg-1">{{user.PassWord}}</td>
     <td class="col-lg-1">{{user.Name}}</td>
     <td class="col-lg-1">{{user.LastName}}</td>
     <td class="col-lg-1">{{$index}}</td>
     <td class="col-lg-1">{{user.countConnect}}</td>
     <td class="col-lg-1">{{user.countPaging}}</td>
     <td class="col-lg-1">{{user.countOrder}}</td>
     <td class="col-lg-1">{{user.countTapName}}</td>
</tr>

AngularJS function code:

$scope.tapName = function(name){
    if($scope.User == name){
        $scope.User.countTapName ++;
    }
};

JB Nizet · Accepted Answer · 2015-09-16 18:03:22Z

1

There is no User in the scope. The scope contains Users, which is an array of users. You should not pass the user name as argument. You should pass the user itself:

ng-click="tapName(user)"

$scope.tapName = function(user){
    user.countTapName++;
};

answered Sep 16, 2015 at 18:03

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

Collectives™ on Stack Overflow

AngularJS: ng-click doesn't work

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related