src/app/shared/planet-language.component.html
<button mat-button [matMenuTriggerFor]="languageMenu">
<mat-icon>language</mat-icon>
<span *ngIf="!iconOnly">{{this.currentLanguage.name}}</span>
</button>
<!--Languages dropdown menu-->
<mat-menu #languageMenu="matMenu" [overlapTrigger]="false">
<a mat-menu-item *ngFor="let language of languages" href="{{ getRouterUrl(language) }}">
{{language.name}}
</a>
</mat-menu>