What to use for calling function attached to $scope

manpreet Best Answer 2 years ago

Controller has following function:

$scope.incrementLikes = function (technology) {
   technology.likes++;
}

Now what should I use to call this function while calling it like in the following case:

 type="button" value="Like" ng-click="{{incrementLikes(technology)}}" />

Should I use {{incrementLikes(technology)}} or incrementLikes(technology), we use {{variable_name}} if a "variable_name" is added to $scope, should we do the same for function calls or different, and why?

technology is an object of technologies:

techologies = [
  { name: "C#", likes: 0, dislikes: 0 },
  { name: "ASP.NET", likes: 0, dislikes: 0 },
  { name: "SQL", likes: 0, dislikes: 0 },
  { name: "AngularJS", likes: 0, dislikes: 0 },
]

manpreet 2 years ago

General rule is that you don't need {{...}} if it has ng-. So the syntax would be: incrementLikes(technology). As long as technology is scoped, it will update likes correctly. Here is a demo:

 src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">



   ng-app="myApp" ng-controller="myCtrl">

     ng-repeat="technology in techologies">
       type="button" value="Like" ng-click="incrementLikes(technology)" /> {{technology}}
       type="button" value="Dislike" ng-click="decrementLikes(technology)" />