Question

我正在尝试在AngularJS 2中执行以下操作：

在我的应用程序中，我打开了3个部分，URL会链接到这个

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

每个部分都有一个[X]关闭按钮，当我按下该关闭按钮时应该关闭该部分但是也要更新URL，如果我关闭例如：＆＃34; section-2＆＃34;应该杀掉＆＃34;第3节＆＃34;同样。第1节无法关闭，因为如果主要部分（所有部分的父亲）

如果你能帮助我，将非常感激，谢谢你:)。

Click here to see descriptive image of desired results

Answer 1

这就是答案。

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']);
    }
}

关闭文章部分并更新AngularJS 2中的URL

1 个答案: