如何从一个组件路由到另一个组件?

时间:2016-07-09 02:36:11

标签: angular angular2-routing

在我的app.component.ts我有这个

import {componentOne}
import {componentTwo}

@Component({
    directives:[ROUTER_DIRECTIVES],
    providers: [ROUTER_PROVIDERS]
)}

@RouteConfig([
{path: "/componentone", name:"ComponentOne", component:componentOne}
{path: "/componenttwo", name:"ComponentTwo", component:componentTwo}
])

testClick(){
    this.router.navigate(["ComponentTwo"]);
}

将路由到componentTwo罚款。

但是,componentOne也尝试路由到这样的componentTwo

import {componentTwo}

testClickAgain(){
    this.router.navigate(["ComponentTwo"]);
}

这最初似乎是路由到componentTwo,但过了一会儿它变得疯狂并自动导航到其他地方。

如何从componentOne路由到componentTwo?

1 个答案:

答案 0 :(得分:0)

不幸的是,这个路由器(v1)已被弃用。

您应该使用新路由器(v3):https://angular.io/docs/ts/latest/guide/router.html