Javascript 如何根据父级id动态填充v accordion

我使用的是v accordion，我想根据父accordion的id动态填充其中的数据。我的问题是，它在加载时显示父级手风琴，但只要我单击它，它就会删除所有父级手风琴，而只显示单击的子级手风琴

        <v-pane id="{{ ::pane.pid }}" ng-repeat="pane in panesC" expanded="pane.isExpanded" ng-click="displaytask(pane.pid)"'>
          <v-pane-header id="{{ ::pane.pid }}-header" aria-controls="{{ ::pane.pid }}-header">
            <h5>{{ ::pane.projectname }}</h5>
          </v-pane-header>

          <v-pane-content id="{{ ::pane.pid }}-content" aria-labelledby="{{ ::pane.pid }}-content">
            <p>{{ ::pane.projectdesc }}

            </p>

            <v-accordion id="nestedAccordionA" >
              <v-pane id="{{ ::subpane.tid }}" ng-repeat="subpane in pane.subpanes" ng-disabled="subpane.isDisabled">
                <v-pane-header id="{{ ::subpane.tid }}-header" aria-controls="{{ ::subpane.tid }}-header">
                  <h5>{{ ::subpane.taskname }}</h5>
                </v-pane-header>
                <v-pane-content id="{{ ::subpane.tid }}-content" aria-labelledby="{{ ::subpane.tid }}-content">
                  <p>{{ ::subpane.taskname }}</p>
                </v-pane-content>
              </v-pane>
            </v-accordion>
          </v-pane-content>
        </v-pane>

      </v-accordion>

index.html

        <v-pane id="{{ ::pane.pid }}" ng-repeat="pane in panesC" expanded="pane.isExpanded" ng-click="displaytask(pane.pid)"'>
          <v-pane-header id="{{ ::pane.pid }}-header" aria-controls="{{ ::pane.pid }}-header">
            <h5>{{ ::pane.projectname }}</h5>
          </v-pane-header>

          <v-pane-content id="{{ ::pane.pid }}-content" aria-labelledby="{{ ::pane.pid }}-content">
            <p>{{ ::pane.projectdesc }}

            </p>

            <v-accordion id="nestedAccordionA" >
              <v-pane id="{{ ::subpane.tid }}" ng-repeat="subpane in pane.subpanes" ng-disabled="subpane.isDisabled">
                <v-pane-header id="{{ ::subpane.tid }}-header" aria-controls="{{ ::subpane.tid }}-header">
                  <h5>{{ ::subpane.taskname }}</h5>
                </v-pane-header>
                <v-pane-content id="{{ ::subpane.tid }}-content" aria-labelledby="{{ ::subpane.tid }}-content">
                  <p>{{ ::subpane.taskname }}</p>
                </v-pane-content>
              </v-pane>
            </v-accordion>
          </v-pane-content>
        </v-pane>

      </v-accordion>

链接

        <v-pane id="{{ ::pane.pid }}" ng-repeat="pane in panesC" expanded="pane.isExpanded" ng-click="displaytask(pane.pid)"'>
          <v-pane-header id="{{ ::pane.pid }}-header" aria-controls="{{ ::pane.pid }}-header">
            <h5>{{ ::pane.projectname }}</h5>
          </v-pane-header>

          <v-pane-content id="{{ ::pane.pid }}-content" aria-labelledby="{{ ::pane.pid }}-content">
            <p>{{ ::pane.projectdesc }}

            </p>

            <v-accordion id="nestedAccordionA" >
              <v-pane id="{{ ::subpane.tid }}" ng-repeat="subpane in pane.subpanes" ng-disabled="subpane.isDisabled">
                <v-pane-header id="{{ ::subpane.tid }}-header" aria-controls="{{ ::subpane.tid }}-header">
                  <h5>{{ ::subpane.taskname }}</h5>
                </v-pane-header>
                <v-pane-content id="{{ ::subpane.tid }}-content" aria-labelledby="{{ ::subpane.tid }}-content">
                  <p>{{ ::subpane.taskname }}</p>
                </v-pane-content>
              </v-pane>
            </v-accordion>
          </v-pane-content>
        </v-pane>

      </v-accordion>

        <v-pane id="{{ ::pane.pid }}" ng-repeat="pane in panesC" expanded="pane.isExpanded" ng-click="displaytask(pane.pid)"'>
          <v-pane-header id="{{ ::pane.pid }}-header" aria-controls="{{ ::pane.pid }}-header">
            <h5>{{ ::pane.projectname }}</h5>
          </v-pane-header>

          <v-pane-content id="{{ ::pane.pid }}-content" aria-labelledby="{{ ::pane.pid }}-content">
            <p>{{ ::pane.projectdesc }}

            </p>

            <v-accordion id="nestedAccordionA" >
              <v-pane id="{{ ::subpane.tid }}" ng-repeat="subpane in pane.subpanes" ng-disabled="subpane.isDisabled">
                <v-pane-header id="{{ ::subpane.tid }}-header" aria-controls="{{ ::subpane.tid }}-header">
                  <h5>{{ ::subpane.taskname }}</h5>
                </v-pane-header>
                <v-pane-content id="{{ ::subpane.tid }}-content" aria-labelledby="{{ ::subpane.tid }}-content">
                  <p>{{ ::subpane.taskname }}</p>
                </v-pane-content>
              </v-pane>
            </v-accordion>
          </v-pane-content>
        </v-pane>

      </v-accordion>