AngularJS pass Object onClick

Question

I want to pass object in onClick event. I'm getting alert like [object Object] I need inside data also.

View:

 <div ng-repeat="action in category.Actions">
    <a ng-click=" actionclick(action)"> {{action.Name}}</a>          
   </div>

Controller:

  $scope.actionclick = function (action) {
               alert("Option Name is " + action);
           };

Yes, but I'm getting alert like "[object Object]" I need inside data also. — user3194721
– user3194721, Commented Nov 17, 2014 at 18:24
you get [object Object] because you convert action to string. — akonsu
– akonsu, Commented Nov 17, 2014 at 18:26
@user3194721 put this before all your scripts: window.alert = function(){ console.log.apply(console,arguments) }; — Ilan Frumer
– Ilan Frumer, Commented Nov 17, 2014 at 18:45

Ilan Frumer · Accepted Answer · 2014-11-17 18:43:23Z

2

Every object in javascript outputs [object Object] when coerced into a string unless it's prototype overrides the native toString method.

the plus operator coerce all objects into strings if one of it's operands is of type string.

so these are equal:

("Option Name is " + action) === ("Option Name is " + action.toString())

To see the object itself use the console (developer tools):

console.log(action)

What you probably wanted to do is to reference the name property inside the object:

"Option Name is " + action.name

answered Nov 17, 2014 at 18:28

Ilan Frumer

32.4k8 gold badges73 silver badges84 bronze badges

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

1 Comment

in addition, I think the intention was to have ng-click="actionclick(action.name)" instead of just action.