Schließen Artikel Abschnitte und Aktualisierung Urls in AngularJS 2

Question

Ich versuche, die folgende in AngularJS 2 zu tun:

In meiner App, ich habe offen 3 Abschnitte und die URL wäre etwas Link zu diesem

www. site@section-1/section-2/section-3/

jeder Abschnitt hat eine [X] schließen Sie die Schaltfläche, wenn ich diese Schaltfläche zum Schließen drücken sollte den Abschnitt schließen, sondern auch die URLs aktualisieren, und wenn ich schließe für zB: "section-2" sollte auch "section-3" töten. Abschnitt-1 kann nicht wegen geschlossen werden, wenn der Hauptteil (Vater aller Abschnitte)

sein wird, sehr dankbar, wenn Sie mir helfen können, Danke :)

Click here to see descriptive image of desired results

Answer 1

Dies ist die Antwort.

import {Component} from 'angular2/core' 
import {Router,RouterLink} from 'angular2/router' 

@Component({ 
    selector: 'menu-header', 
    template: ` 
       <div style="height:20px;width:200px;background-color:red"> 
        <div>Title</div> 
        <div><a [routerLink]="['../Empty']">Close By URL</a></div> 
        <div><a (click)="Close()">Close BY JS</a></div> 
       <div> 
    `, 
    directives:[RouterLink] 
}) 
​ 
export class HeaderComponent{ 
    /** 
    * 
    */ 
    constructor(private _router:Router) { 
    } 

    Close(){ 
     alert('going to close'); 
     this._router.navigate(['../Empty']); 
    } 
}