Zugriffsparameter-Wert in der App-Komponente angular2

Question

Ich verwende ein Dropdown-Menü in appkomponente. Wenn Benutzer das Dropdown-Menü ändert, wird die Seite im Routeroutlet geladen. Wenn ich die Seite aktualisiere, wird die Seite im Router geladen, aber die Dropdown-Liste wird nicht ausgewählt. Wie kann ich appcomponent in Drop-Down-Wert

Answer 1

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

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

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

_route helfen Ihnen

Answer 2

Sie brauchen nicht wirklich das Drop-down von der Komponente zu wählen. Es wird basierend auf der aktuellen Route automatisch ausgewählt. Router-Link-aktive Klasse ist mit dem Anker-Tag hinzugefügt, wenn die aktuelle Route aktiv ist:

Beispiel:

<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; 
}