Angularjs passing parameter values in ng-click function

Question

I have an angular app where i have a custom filter defined as sumCompletedCredits. Here is the html of the call:

{% if node.is_leaf_node %}
     <span class="badge badge-success" 
        ng-bind="mpttdetails | filter:{category.id:{{node.id}}} | sumCompletedCredits">
    </span>

    <div class="row">
        <button class="btn btn-default btn-sm pull-right" 
            ng-click="open({{node.id}}, {{node.min_credit}})">Add Course <span class="glyphicon glyphicon-plus"></span>
        </button>
    </div>
{%endif%}

Here is the custom filter definition:

app.filter('sumCompletedCredits', function () {
    return function (mpttdetails) {
        if(typeof mpttdetails === 'undefined'){
                return;
        }
        else {
            var sum = 0;
            mpttdetails.forEach(function (detail) {
                sum += detail.student_academic_credit.credit;
            });
            return sum;
         }
        };
});

Here is what i want to achieve: I would like to pass a 3rd parameter in the button's ng-click() function where the parameter would be the value from the above span like the follows:

ng-click="open({{node.id}}, {{node.min_credit}}, *{{{this content will be the value in the badge class from the custom filter}}}*)"

So basically i am trying to send the value that will be displayed in the span badge just before the button and send that value as the third parameter.How do i send the third detail?

Have you tried just putting the same code / filter in the function? — JakeSidSmith
– JakeSidSmith, Commented May 22, 2014 at 23:11
Yeah I tried it but the ng-click definition was being violated and it threw me an error — Abhishek
– Abhishek, Commented May 23, 2014 at 0:44
Possible for you to import filters in your controller / directive and then call it inside your open function? $filter('filtername')(arg); — JakeSidSmith
– JakeSidSmith, Commented May 23, 2014 at 7:39

gkalpak · Accepted Answer · 2014-05-25 11:06:17Z

5

You can assign the result of the filtering to a scope property and reference that property in your function:

<span ...
        ng-bind="summed=(mpttdetails | filter:{category.id:{{node.id}}} | 
                                       sumCompletedCredits)">
</span>
...
<button ...
        ng-click="open({{node.id}}, {{node.min_credit}}, summed)">
    ...
</button>

edited May 25, 2014 at 11:06

answered May 23, 2014 at 14:55

gkalpak

48.2k8 gold badges108 silver badges120 bronze badges

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

3 Comments

Abhishek Over a year ago

can we assign them like an array like this since my buttons and spans are in a loop and the values will be updated after every run? ng-bind="summed[{{node.id}}] = (mpttdeta...)"

gkalpak Over a year ago

Sure, but in that case you need to initialize summed in your controller. E.g. have a line like this: $scope.summed = [];

Abhishek Over a year ago

hi can you help me here? stackoverflow.com/questions/24247130/…

Collectives™ on Stack Overflow

Angularjs passing parameter values in ng-click function

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related