Я делаю раскрывающийся список переключения языка для моего приложения Angular, некоторое время меню не работает при переходе от компонента к другому, если я не обновлю sh страницу, и я не понимаю, почему!
это код html:
<!-- language -->
<div class="traduction">
<ul>
<li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img style="width:30px; height:30px;" class="img-profile rounded-circle" [src]="translate.currentLang == 'fr' ? '../../../assets/img/fr.png' : '../../../assets/img/ar.png'">
</a>
<div class="lang-menu dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown">
<a class="dropdown-item" (click)="changeLang('fr')">
<i class="far fa-flag fa-sm fa-fw mr-2 text-gray-400"></i>
Français
</a>
<a class="dropdown-item" (click)="changeLang('ar')">
<i class="far fa-flag fa-sm fa-fw mr-2 text-gray-400"></i>
عربي
</a>
</div>
</li>
</ul>
</div>
<!-- end language -->
раскрывающийся список компонентов auth и navbar, при переходе от auth к домашнему приложению раскрывающийся список не работает, если я не обновлюсь sh страницы, также при выходе!
Я использую angular 7 с bootstrap 4