Я использовал угловую схему для создания навигационного компонента со свернутой иконкой «Материал» (см. Код ниже).При нажатии на этот значок отображается или скрывается боковой компонент навигации.Этот значок должен появиться во всех браузерах пользователей, но это не так.Например, если я удаленно на хост-сервер и запускаю там 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}}">
{{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>