我有两个下拉菜单，都很好用。一个用于机构，另一个用于所选机构中的项目。现在，当我加载站点时，该机构被选中，该机构中最后一个选中的项目也被选中。这是完美的，但现在当我使用下拉菜单切换机构时，项目的下拉菜单不会得到更新。我想我需要的是一种方式来重新加载项目下拉菜单，但我不知道如何。
这是我的html代码（我使用angular）：

<li>            
                <div class="btn-group" mdbDropdown *ngIf="projectItems.length>0">
                    <button mdbDropdownToggle mdbBtn class="dropdown-toggle waves-light text-white" type="button" mdbWavesEffect>{{getSelectedProjectName()}}</button>
                    <div class="dropdown-menu">
                        <a *ngFor="let project of projectItems"  class="dropdown-item" (click)="projectChanged(project)" matTooltip="{{project.description}}" >{{project.name}}</a>
                    </div>
                </div>
            </li>
            <li>            
                <div class="btn-group" mdbDropdown *ngIf="institutionItems.length>0">
                    <button mdbDropdownToggle mdbBtn class="dropdown-toggle waves-light text-white" type="button" mdbWavesEffect>{{getSelectedInstitutionName()}}</button>
                    <div class="dropdown-menu">
                        <a *ngFor="let institution of institutionItems"  class="dropdown-item" (click)="institutionChanged(institution)" matTooltip="{{institution.description}}" >{{institution.name}}</a>
                    </div>
                </div>
            </li>

该组件是用typescript编程的，因此没有javascript。
（这是我在这里的第一篇帖子，如果我没有提供任何可能有用的信息，请告诉我）