在app組件angular2中訪問參數值

Question

我在appcomponent中使用下拉列表。 當用戶更改下拉列表時，它會在routeroutlet中加載頁面。 當我刷新時，路由器中的頁面被加載但未選擇下拉列表。 如何在appcomponent中設置下拉值

Answer 1

import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'contacts-detail',
  ...
})
export class ContactsDetailComponent {

  constructor(private _route: ActivatedRoute) {
   console.log("_route",_route);    
  }
}

_route會幫助你

Answer 2

您實際上不需要從組件中選擇下拉列表。 它會根據當前路線自動選擇。 當前路由處於活動狀態時，router-link-active類被添加到錨標記：

例：

<div class="sidetab" id="tab1-tab">
   <a [routerLink]="['Profile','ProfileOverview']">
   <span class="innerSpan"> Overview </span>
   </a>
</div>
<div class="sidetab" id="tab2-tab">
   <a [routerLink]="['Profile','ProfileActivity']">
   <span class="innerSpan"> Activity </span>
   </a>
</div>

// Css goes as

.router-link-active .innerSpan {
  color: black;
  font-weight: bold;
}