AngularJS: What is the best way to pass a binded scope value through ng-click?

Question

I have the follow code:

 <li class='' ng-click="changeStatus('hello', '{{result.name}}')">

Where 'hello' is my first parameter for changeStatus and I want to pass of binded result.name's value as the second parameter. Does anyone know how to accomplish this?

I tried {{result.name}}, '{{results.name}}' but neither seems to work.

There is probably something simple that am I missing?

I took a look at: Can you pass parameters to an AngularJS controller on creation?

but both the parameters in ng-init were string literals.

What exactly is `result`? Can you please clarify? Why couldn't you use something like `$scope.result.name` in your `changeStatus` function, like I mentioned in my answer? — kelsier, Sep 24 '14 at 04:16

score 3 · Accepted Answer · answered Sep 24 '14 at 04:07

3

You don't have to pass it. You could just access it in your controller using :

$scope.result.name

answered Sep 24 '14 at 04:07

kelsier

4,050
5
34
49

1

+1. You are possibly right. however, but I suspect `result` is not a direct property of `$scope` because its being used in a `
`. May be its an item in `$scope.results`

Mohayemin

Sep 24 '14 at 04:10

@Mohayemin Had put a question to the OP. – kelsier Sep 24 '14 at 04:18

score 1 · Answer 2 · answered Sep 24 '14 at 05:46

If results is an array and you want to pass an individual result to a controller click function you need not decorate it with curly braces. The li will look like this:

<li ng-repeat="result in results" ng-click="changeStatus('hello', result.name)">{{result.name}}</li>

Working Fiddle

score 0 · Answer 3 · answered Nov 26 '14 at 09:51

Angular treats the content of ng-click as an expression. This means that you write the content as though it is plain javascript (in most cases). For your example, this means leaving out the curly braces (since you are already writing 'javascript').

<li class='' ng-click="changeStatus('hello', result.name)">

AngularJS: What is the best way to pass a binded scope value through ng-click?

3 Answers3