Html 根据“角度”中的选择更改下拉菜单的名称

我的Angular web应用程序中有一个下拉菜单：

下拉列表名称

首先
第二
第三

将

事件绑定到列表元素，如：

<li role="menuitem"><a class="dropdown-item" routerLink="/first" (click)="changeRoute('First')">First</a></li>
<li role="menuitem"><a class="dropdown-item" routerLink="/second" (click)="changeRoute('Second')">Second</a></li>
<li role="menuitem"><a class="dropdown-item" routerLink="/third" (click)="changeRoute('Third')">Third</a></li>

最后，将下拉按钮的值绑定到此属性：

<button dropdownToggle type="button" class="btn btn-primary dropdown-toggle"> 
   {{selectedRoute}}
<span class="caret"></span></button>


{{selectedRoute}}
您正在寻找[RouterLink活动]？我想通过打开下拉列表并单击它，将下拉列表的名称（在示例代码中显示“随机标题”）更改为我选择的路线的名称（第一、第二、第三）。
<button dropdownToggle type="button" class="btn btn-primary dropdown-toggle"> 
   {{selectedRoute}}
<span class="caret"></span></button>