0

我的应用程序使用 Angular 2.0.1 和 Angular Material 2.0.0-alpha.8-2。根据 md-menu 文档，我已将菜单下拉菜单附加到 md-toolbar 标题中的按钮。这个标头、一个路由器出口链接和一个页脚是 AppComponent 中的 3 个元素。问题#1：单击按钮时，会出现测试菜单，但它位于页脚下方，而不是按钮的下拉菜单。我尝试了 x 和 y 位置，但没有结果。下拉列表包含用于路由到页面的锚链接。问题#2：点击锚链接时，下拉菜单消失，但没有路由到新页面。这些锚链接也在工具栏中用于测试目的，并且链接和路由器在工具栏中正常工作 - 在菜单之外。这是相关代码。

<md-toolbar class="headerFooter"> <!--header toolbar element -->
  <span>
    <button md-button [md-menu-trigger-for]="menu">POST</button>
      <md-menu x-position="after" #menu="mdMenu">
        <a routerLink="/home" md-menu-item>Home</a><!--these links do not route-->
        <a routerLink="/rentApartment" md-menu-item>Rent an apartment</a>
        <button md-menu-item>RefreshTest</button>                           
     </md-menu>
  </span>

  <span><!-- to test routing - these links route properly-->
    <div>
      <a routerLink="/home">Home</a>
      <a routerLink="/rentApartment">Rent apartment</a>
    </div>
  </span>
  others, etc.
</md-toolbar> <!--end of header toolbar component -->

<div class="partialPage">
  <router-outlet></router-outlet>
</div>

<md-grid-list cols="6" rowHeight="100px" class="headerFooter"> <!--footer grid-list element -->
  <md-grid-tile><button md-button>TERMS</button></md-grid-tile>
  <md-grid-tile><button md-button>PRIVACY</button></md-grid-tile>
  others, etc.
</md-grid-list>

需要改变什么？

4

0 回答 0