代码之家  ›  专栏  ›  技术社区  ›  raphael_mav

mat sidenav容器在dom中总是空的

  •  0
  • raphael_mav  · 技术社区  · 5 年前

    我正在尝试使用 @angular/material 包裹。

    我尝试了多种方法将侧边栏添加到应用程序中,但它仍然是空的/没有显示。

    <mat-sidenav-container>
      <mat-sidenav #sidenav>
        <mat-nav-list>
    
          <a mat-list-item > Accounts </a>
          <a mat-list-item > Create Account </a>
          <a mat-list-item > Contacts </a>
          <a mat-list-item > Create Contact </a>
          <a mat-list-item > Activities </a>
          <a mat-list-item > Create Activity </a>
          <a mat-list-item (click)="sidenav.toggle()" href="" mat-list-item>Close</a>
    
        </mat-nav-list>
      </mat-sidenav>
      <mat-sidenav-content>
        <div style="height: 88vh;">
    
          content
        </div>
      </mat-sidenav-content>
    </mat-sidenav-container>

    这是我在html模板文件中使用的代码。

    enter image description here

    我正在使用angular9并用CLI创建这个项目。

    任何帮助都将不胜感激!

    0 回复  |  直到 5 年前
        1
  •  4
  •   raphael_mav    5 年前

    BrowserAnimationsModule 帮我解决了这个问题。