AngularJS ng-click event is not firing when inside nested ng-repeat

Question

I have problem with ng-click (I'm using angular 1.0.4). First ng-click works but second no.

    <div class="menu-group" ng-repeat="module in modules">
         <div ng-click="toggle($event, $parent)" class="group-head">{{module.group.name}} <span class="{{module.group.icon}}"></span></div>
         <ul class="menu collapsed" ng-init="items = module.group.items">
              <li ng-repeat="item in items" ng-click="openCategory($event, '{{item.name}}')">{{item.display}}</li>
         </ul>
    </div>

Generated code looks good:

    <li ng-repeat="item in items" ng-click="openCategory($event, 'simpleName')" class="ng-scope ng-binding">Simple name</li>

@mikel without this mark is the same. However if I remove {{item.name}} and type something it works — miru87
– miru87, Commented Jan 25, 2013 at 11:32

SunnyShah · Accepted Answer · 2013-01-25 12:08:32Z

22

Instead of '{{item.name}}' just use item.name

Demo: http://plnkr.co/edit/QNKZDT9N5k2tQaRrFlwY?p=preview

answered Jan 25, 2013 at 12:08

SunnyShah

30.6k30 gold badges97 silver badges139 bronze badges

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

Collectives™ on Stack Overflow

AngularJS ng-click event is not firing when inside nested ng-repeat

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related