Question

我使用Angular原理图创建了一个带有三栏折叠的Material图标的导航组件（请参见下面的代码）。单击此图标显示或隐藏侧面导航组件。此图标应该出现在所有用户浏览器上，但没有出现。例如，如果我远程访问主机服务器并在那里启动IE，则可以看到菜单图标。如果使用桌面浏览器，则看不到菜单图标。

  <mat-sidenav-content>
    <mat-toolbar class="darkNavy">
      <mat-nav-list>
        <div class='menu'>
          <mat-icon aria-label="Side nav toggle icon" (click)="toggleMenu()"
          matTooltip="menu">menu</mat-icon><!-- this is the icon that doesn't always show up -->
          <span *ngFor="let item of horizontalMenu"
            mat-list-item routerLink="{{item.Link}}">&nbsp;
            {{item.Title}}
          </span>
        </div>
      </mat-nav-list>
    </mat-toolbar>

    <ng-content>
    <!-- default projected content goes here -->
    </ng-content>

  </mat-sidenav-content>

Index.html头具有以下内容：

<head>
  <meta charset="utf-8">
  <title>....</title>
  <base href="./">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
  <link rel="icon" type="image/x-icon" href="favicon.ico?v=1">
</head>

mat-nav-list mat-icon没有显示

0 个答案: