材质侧边栏组件未呈现

时间:2017-09-23 05:44:11

标签: angular angular-material

我正在使用Angular 4的材质设计组件 - 特别是sidenav:https://material.angular.io/components/sidenav/overview

我已经按照概述选项卡中的示例(甚至查看了plunkr),但是在我的Angular应用程序中,如果我添加md-sidenav标记,则不会在应用程序上呈现任何内容。如果我在保留容器标签的同时删除md-sidenav标签,则按钮呈现(见下文)。

<md-sidenav-container class="example-container">
  <!--<md-sidenav #sidenav class="example-sidenav">-->
    <!--Jolly good!-->
  <!--</md-sidenav>-->

  <div class="example-sidenav-content">
    <button type="button" md-button (click)="sidenav.open()">
      Open sidenav
    </button>
  </div>

</md-sidenav-container>

如果我取消评论md-sidenav标记,则md-sidenav-container内的任何内容都不可见,即该页面为空白。

感谢任何帮助。

0 个答案:

没有答案