我有以下代码:
<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?
最佳答案
将 $event.stopPropagation();
添加到您的 child li
中,这样事件就不会传播到父级。
ng-click="document.itemId= item.id; $event.stopPropagation();">
关于javascript - 在 Angular 中显示子 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36080323/