AngularJS ng-click event does not fire when inside nested ng-repeat

Question

I have a problem with ng-click (I am using angular 1.0.4). The first ng-click works, but the second does not.

<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> 

The generated code looks good:

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

Answer 1

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

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