Angular calling two functions on ng-click

Question

I'm attempting to perform two operations on ng-click. Currently it is performing one. On my javascript side, I have a variable totalMoviesWatched I'd like to increment on ng-click as well.

 <tr ng-repeat="movie in MovieDB.movies" ng-show="movie.Response == 'True'" ng-class="{ 'strikeout': movie.watched }" >
 <td><a ng-click="movie.watched = true"><span class="glyphicon glyphicon-ok" aria-hidden="true" ng-hide="movie.watched"></span></a></td>

So, something like:

<a ng-click="movie.watched = true, totalMoviesWatched += 1">

??

Thanks!

tymeJV · Accepted Answer · 2014-12-01 18:57:47Z

5

Use a semi-colon to separate statements:

<a ng-click="movie.watched = true; totalMoviesWatched = totalMoviesWatched + 1"> <!--Angular can't figure out += inline-->

Or just do both of these operations inside one function:

$scope.myFunc = function() {
    $scope.movie.watched = true;
    $scope.totalMoviesWatched++;
}

<a ng-click="myFunc()">

answered Dec 1, 2014 at 18:57

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

4 Comments

dfsq Over a year ago

I also thought about this, but looks like Angular can't parse += 1 part for some reason.

tymeJV Over a year ago

@dfsq -- Gah - hate that...it also can't do indexOf if you ever come across that :D - editing...

dfsq Over a year ago

Anyway, your second version ng-click="myFunc()" is even better, keep template cleaner as to me.

logeyg Over a year ago

so, this is actually not working. only the function that is declared first executes.

dfsq · Accepted Answer · 2014-12-01 18:58:03Z

2

You should be able to do it using this expression:

ng-click="movie.watched = true; totalMoviesWatched = totalMoviesWatched + 1"

answered Dec 1, 2014 at 18:58

dfsq

193k26 gold badges244 silver badges261 bronze badges

Collectives™ on Stack Overflow

Angular calling two functions on ng-click

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related