How do I append a variable value to an event call in ng-repeat?

Question

I have the following code in the html. In the ng-click="inbox.showView('in: {{category|lowercase}}')" the double braces is not working because it is being considered as a string and not as a variable.

How do I ensure I have the category value in the ng-click event?

<li ng-repeat="category in inbox.categories track by $index">
                                <a href="#">
                                    <div class="left-row" ng-click="inbox.showView('in: {{category|lowercase}}')" target="_self">
                                        <div class="leftcolumn1"><span class="glyphicon glyphicon-user"></span></div>
                                        <div class="leftcolumn2">{{category}}</div>
                                        <div class="leftcolumn3 email-time" ng-bind="inbox.messageCounts.socialCount"></div>
                                    </div>
                                </a>
                            </li>

http://stackoverflow.com/questions/17039926/adding-parameter-to-ng-click-function-inside-ng-repeat-seems-not-to-work answers my question — shashank, Jan 19 '15 at 10:04

Karthik Easwaran · Answer 1 · 2015-01-19T10:28:27.750

In the controller:

$scope.inbox = {
                categories: ['Name', 'Test'],
                showView : function(variable) {
                    **console.log(variable);**
                }
            };

In the HTML given the parameter for showView function is object,, hence pass like the below inbox.showView({'in': (category | lowercase) })

<li ng-repeat="category in inbox.categories track by $index">
            <a href="#">
                <div class="left-row" ng-click="inbox.showView({'in': (category | lowercase) })" target="_self">
                    <div class="leftcolumn1"><span class="glyphicon glyphicon-user"></span></div>
                    <div class="leftcolumn2">{{category}}</div>
                    <div class="leftcolumn3 email-time" ng-bind="inbox.messageCounts.socialCount"></div>
                </div>
            </a>
        </li>

ng-click="inbox.showView({'in': (category | lowercase) })" no event fired — shashank, Jan 19 '15 at 10:12
on clicking the name it will invoke the function "showView" of the inbox object, which is given in the controller. refer the controller code. — Karthik Easwaran, Jan 19 '15 at 10:22

How do I append a variable value to an event call in ng-repeat?

1 Answers1