CODEWITHSUNDEEP
javascriptonclickangularjsangularjs-ng-repeat
miru87
miru87

Reputation: 496

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

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>

Upvotes: 7

Views: 23778

Answers (1)

SunnyShah
SunnyShah

Reputation: 30467

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

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

Upvotes: 22

Related Questions