Question

我有以下代码：

<ul class="list-group">
  <li class="list-group-item" ng-repeat="item in items | filter:searchText" ng-click="item.expanded = !item.expanded"> 
                        {{item.name}} {{templatefolder.expanded}}
     <ul ng-show="item.expanded" class="list-group-item">
        <li class="list-group-item" ng-class="{'active' : item.id == document.itemId}" ng-repeat="folder in item.folders" ng-click="document.itemId= item.id">
           {{folder.name}}
        </li>
     </ul>
  </li>
</ul>

该代码有效。但是，当我点击“子项目”（item.folders.name）时，li正在折叠，因为他在使用ng-click功能的li中。有没有办法在单击项目后显示item.folders？

Answer 1

将$event.stopPropagation();添加到您的孩子li，以便该事件不会传播到您的孩子。

ng-click="document.itemId= item.id; $event.stopPropagation();">

在Angular中显示sub li

1 个答案: