The dropdown menu is designed to dynamically populate a selection of languages. I attempted to use ngFor to achieve this, but only the first item in the list appears in the dropdown menu.
<nav class ="navbar navbar-light bg-light fixed-top">
<div *ngIf="data.enableLanguageList && data.languageList?.length > 0" class="row">
<div ngbDropdown class="col d-inline-block">
<button ngbDropdownToggle
class="btn btn-success btn-lg dropdown-toggle"
id="languageSelect">
<strong> Lang - {{ data.currentLanguage }} </strong>
</button>
<div ngbDropdownMenu
*ngFor="let lang of data.languageList;"
class="dropdown-menu"
aria-labelledby="languageSelect">
<button ngbDropdownItem
class="dropdown-item"
[ngClass] = "[lang === data.currentLanguage ? 'active' : '']"
(click) = "setLanguage(lang)">
<h5> <strong> {{ lang }} </strong> </h5>
</button>
</div>
</div>
</div>
</nav>