Wie findet man viele Ebenen geöffnet?

Question

Ich benutze angularjs. Element mit seinen Untereinträge und seine Untereinträge usw. anzeigen, wenn ich z. Level 1-1, ich möchte herausfinden, wie viele Unterebenen geöffnet sind. Wie geht es? Hier

ist der HTML-Code:

Hauptebene

<div> 
    <div ng-repeat="level in vm.levels track by $index" > 
     <div layout="row" > 
      <div class="padding-left-20"> 
       <md-icon style="font-size:16px;" aria-hidden="true" class=" ng-scope md-cyan-theme material-icons zmdi zmdi-plus-circle-o" ng-click="vm.createChild(level)></md-icon> 
      </div> 
      <div> 
       <div> 
        <span class="capitalize">{{level.name)}}</span> 
       </div> 
      </div> 
      <div layout="row" layout-align="end end" flex="10" ng-click="vm.shouldShowChildren[$index]=!vm.shouldShowChildren[$index]> 
       <div> 
        <md-icon class=" menu-toggle-icon" style="font-size:20px;" md-font-icon="zmdi zmdi-chevron-right" ng-class="{ open: vm.shouldShowChildren[$index] }"></md-icon> 
       </div> 
      </div> 
     </div> 
     <div ng-if="vm.shouldShowChildren[$index]" class="collapseChildren" dragula="'folder-bag'"> 
      <div ng-repeat="child in level.children track by child.id" ng-include="'app/level-child.tmpl.html' "></div> 
     </div> 
    </div> 
</div> 

pegel child.tmpl.html

<div layout="row" class=" btn hoverChildIteration padding-left-40" id={{child.id}} ng-init="vm.dragContainerId = child.id" > 
    <div class="padding-left-30 "> 
    <md-icon style="font-size:16px;" id={{child.id}}icon aria-hidden="true" class=" ng-scope md-cyan-theme material-icons zmdi zmdi-plus-circle-o" title="add sub folder" ></md-icon> 
    </div> 
<div class="names" flex > 
    <span class="capitalize">{{child.name)}}</span> 
</div> 
<div layout="row" layout-align="end end" flex="10" ng-click="showGrandChildren[child.id]=!showGrandChildren[child.id]"> 
    <div > 
     <md-icon class="menu-toggle-icon" id={{child.id}}chevron style="font-size:20px;" md-font-icon="zmdi zmdi-chevron-right" ng-class="{ open: showGrandChildren[child.id] }"></md-icon> 
    </div> 
</div> 

---

Gelöst Ausgabe

Ich habe nächste Ebene DOM element.So ich nur überprüfen, wenn es vorhanden ist, und wenn es wahr ist - ich seine Kinder nur, wenn zu überprüfen, senden es exist.If ja - Ebene ++

<div ng-if="vm.shouldShowChildren[$index]" class="collapseChildren" dragula="'folder-bag'"> 
     <div ng-repeat="child in level.children track by child.id" ng-include="'app/level-child.tmpl.html' "></div> 
    </div> 

Answer 1

Solved.Updated meine Frage mit Gelöst *