How to pass scope variable through ng-click function?

Question

Here when i click on cartDetails the dynamic scope variable x.SmId value need to be passed to the bellow function and in alert box need to display the parameter .How can we do this one in angular js?

<div ng-app="" ng-controller="MyCtrl">
     <div ng-repeat="x in names">
       <div ng-click="cartDetails('{{x.SmId}}')">
        <div>{{x.name}}</div>
       </div>
     </div>
    </div>

<script>
 angular.module('MyApp', [])
.controller('MyCtrl', ['$scope', '$http', function($scope, $http) {
  $scope.search = function(param) {

      $http.get('AngularJs-Response.jsp?mid='+param).success(function(response) {
        $scope.names = response;        
      });

  };
  $scope.cartDetails = function(smid) {
      alert(smid);
      };
}]);
</script>

`..ng-click="cartDetails(x.SmId)">` – Kalhan.Toress Feb 16 '15 at 09:11 — Kalhan.Toress, Feb 16 '15 at 09:11

score 9 · Answer 1 · answered Feb 16 '15 at 09:11

9

Use simple:-

 ng-click="cartDetails(x.SmId)"

answered Feb 16 '15 at 09:11

squiroid

13,809
6
47
67

How to pass single variable that is declared in controller without using x. ? – Mahavirsinh Padhiyar Aug 11 '15 at 09:18
why don't you validate as answer if it solved your problem? – SKYnine Jul 02 '17 at 15:45

score 3 · Answer 2 · edited Jan 21 '16 at 08:07

3

I tried to use:

ng-click="cartDetails(x.SmId)"

but it simply x.SmId as string, its not replaced by value. After reading few more articles, I found a solution like below:

<div ng-click="cartDetails('{{x.SmId}}')">

Its a working solution in AngularJS v1.3.9

edited Jan 21 '16 at 08:07

Ahmed Ashour

5,179
10
35
56

answered Jan 21 '16 at 07:38

Deepak Singh Solanki

31
3

And if you want the `x.SmId` as a boolean? What should we do? Because `'false'` equals `true`. Any ideas? – Dimitris Damilos Sep 22 '17 at 15:11

How to pass scope variable through ng-click function?

2 Answers2

Linked