ng-gallery 没有覆盖整个页面

Question

在 Angular 项目中，我使用了 v-Accordion and inside one of its panes, there's a ng-gallery 组件。每次单击缩略图时，都会在 v-Accordion 窗格内打开 ng-gallery 叠加层。我怎样才能让它全屏显示（覆盖 body）？

这里有一个 Plunker 演示了这个问题：

  <h2>Outside Accordion</h2>
  <ng-gallery images="images"></ng-gallery>
  <br />
  <h2>Inside Accordion</h2>
  <v-accordion class="vAccordion--default" multiple>
    <v-pane expanded>
      <v-pane-header>
        Accordion
      </v-pane-header>

      <v-pane-content style="background-color:#dedede;">
        <pre>
          Content bla bla bla
          More Content
        </pre>
        <ng-gallery images="images"></ng-gallery>
      </v-pane-content>
    </v-pane>

  </v-accordion>

https://plnkr.co/edit/V7BfPcRvpkwssOajC34X?p=preview

Answer 1

这得到了 fixed vAccordion v1.5.1 :)

ng-gallery 没有覆盖整个页面

ng-gallery not overlaying the whole page

gallery

accordion

angularjs