Sự kiện AngularJS ng-click không kích hoạt khi bên trong lồng nhau ng-repeat

Question

Tôi gặp vấn đề với ng-click (Tôi đang sử dụng góc 1.0.4). Đầu tiên ng-nhấp chuột hoạt động nhưng thứ hai không.

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

Tạo mã có vẻ tốt:

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

Answer 1

Thay vì '{{item.name}}' chỉ cần sử dụng item.name

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