javascript - 在 Angular 中显示子 li

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 正在折叠，因为他在 li 中具有 ng-click 功能。有没有办法在点击一个项目后显示 item.folders？

Answer 1

将 $event.stopPropagation(); 添加到您的 child li 中，这样事件就不会传播到父级。

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