アプリの中のアプリの引き出しが効かない

Question

私はページを本文として表示しようとしています。 引き出しをヘッダの下に置いてもページの内容は表示されません。 位置を変更して引き出しをヘッダーの上に置くと、ページが表示されます。 以下は私のコードです。

<app-location 
     route="{{route}}" 
     url-space-regex="^[[rootPath]]"> 
    </app-location> 

    <app-route 
     route="{{route}}" 
     pattern="[[rootPath]]:page" 
     data="{{routeData}}" 
     tail="{{subroute}}"> 
    </app-route> 

    <!-- Main content --> 
    <app-header-layout has-scrolling-region> 

     <app-header slot="header" condenses reveals effects="waterfall"> 
     <app-toolbar> 
      <paper-icon-button icon="my-icons:menu" drawer-toggle></paper-icon-button> 
      <div main-title>[[title]]</div> 
     </app-toolbar> 
     </app-header> 

    <app-drawer-layout fullbleed narrow="{{narrow}}"> 
    <!-- Drawer content --> 
     <app-drawer id="drawer" slot="drawer" swipe-open="[[narrow]]"> 
     <app-toolbar>Menu</app-toolbar> 
     <iron-selector selected="[[page]]" attr-for-selected="name" class="drawer-list" role="navigation"> 
     <!-- <a name="view1" href="[[rootPath]]view1">View One</a> --> 
     <a name="aA" href="[[rootPath]]aA">AA</a> 
     <a name="bB" href="[[rootPath]]bB">BB</a> 
     </iron-selector> 
    </app-drawer> 

     <iron-pages 
      selected="[[page]]" 
      attr-for-selected="name" 
      role="main"> 
     <a-a name="aA" title="{{title}}"></a-a> 
     <b-b name="bB" title="{{title}}"></b-b> 
     </iron-pages> 
     </app-drawer-layout> 
    </app-header-layout> 
</template> 

Answer 1

<app-header-layout><app-drawer-layout>内にある必要があります。

<app-drawer-layout> 
    <app-drawer></app-drawer> 
    <app-header-layout> 
     <app-header> 
      <app-toolbar></app-toolbar> 
     </app-header> 
     <iron-pages></iron-pages> 
    </app-header-layout> 
</app-drawer-layout>