У меня есть раскрывающийся список, содержащий список из двух элементов. Когда я открываю приложение, раскрывающийся список не будет открыт, пока я не обновлю sh страницу !!
<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:20px; height:20px;" 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>
это раскрывающееся меню связан только с этой функцией:
changeLang(val) {
this.translate.use(val)
localStorage.setItem('defaultLanguage', val)
}
Я использую Angular CLI 7 с bootstrap 4.3 версия