У меня есть значок мат со значком, который я хочу отобразить на панели инструментов. Проблема в том, что значок не появляется, но когда я размещаю внутри страницы все работает нормально. Я не изменял никакое свойство css. Я предоставил скриншот. Кто-нибудь может дать решение?
панель инструментов html:
<mat-toolbar role="heading" class="main-nav">
<button class="btn" (click)="toggleSideNav()">
<i class="fas fa-bars"></i>
</button>
<span class="toolbar-spacer"></span>
<a style="color:black;" routerLink="commandeProduit/shopping/cart">
<mat-icon class="cart" matBadge="1" matBadgePosition="above before"
>add_shopping_cart</mat-icon
>
</a>
<app-user-bar></app-user-bar>
</mat-toolbar>
пример