如何实现“右侧可见=左侧可见＆＃39 ;?

Question

如何实施下一件事？：   例如从左侧我有项目列表及其子项目，它的子项目......没有结束 当我单击显示/隐藏图标时，子项显示/隐藏。（如展开/折叠）。这是一个img：

从右侧我列出了与所有子级别相同的项目和子项目。但我需要有下一个功能：  当我从左侧打开1级时，从右侧打开一级。 当从左侧打开3个等级时，从右侧显示3个等级。 怎么实现呢？ 也许为所有级别传递变量？或一个变量在哪里设定水平？

从左侧实现的项目和子项目列表：

         <div class="hoverFolder drag btn ">
            <div layout="row" layout-align="end end"  flex="10" ng-click="vm.setCurrent(iter.id);vm.shouldShowChildren[$index]=!vm.shouldShowChildren[$index]; vm.viewSubItemOnRight(vm.shouldShowChildren[$index]);">
                <div>
                    <md-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-show="vm.shouldShowChildren[$index]"  class="collapseChildren" dragula="'folder-bag'">
            <div ng-repeat="child in items.children track by $index"  ng-include="'app/components/work/leftsidenav-work/work-item-child.tmpl.html' "></div>
        </div>