Question

假设我们有一个带有下拉列表的导航栏，可以选择一个城市。当我们选择一个城市时，我们会被重定向到df1 = df1.astype(d)，通常情况下，导航栏下拉菜单应显示所选城市的名称，而不是＆＃34;选择城市＆＃34;。应用程序组件包含导航栏和路由器插座，该插座重定向到显示城市信息的组件。此组件使用ActivatedRoute从URL获取城市名称。

http://Domain/:city

要更改导航栏下拉菜单＆＃34;选择城市＆＃34;到所选城市的名称，我添加onClick事件，它的工作完美。但是，如果用户通过键入URL而不是从下拉列表中选择城市来访问城市信息，如何将导航栏的下拉值设置为城市名称？

谢谢

Answer 1

您可以订阅路由器事件并检查组件的OnInit中的url参数以设置下拉值：

<div id="btns">
        <button id="rightBtn" ng-disabled="currentPage >= myData.length/pageSize - 1" 
        ng-click="currentPage=currentPage+1;activeMenu=myData[currentPage*5];">next</button>
        <button id="leftBtn" ng-disabled="currentPage == 0"
        ng-click="currentPage=currentPage-1;activeMenu=myData[currentPage*5];">prev</button>

      </div>

Angular4更改子组件中的导航栏值

1 个答案: