小编Kir*_*how的帖子

如何从Angular 2调用路由器导航方法?

我使用Angular 2,SystemJs和ES6(非TypeScript).

我想要什么?我想导航到与Route连接.我在做什么

// route for exam simple
export let routes = [
    {path: '', name: 'home', component: HomeComponent, terminal: true}, 
    {path: 'auth', name: 'auth', component: AuthComponent}
]
Run Code Online (Sandbox Code Playgroud)

如果我使用[routerLink],它运行良好.现在我想以编程方式使用这样的路由器

    import { Component } from '@angular/core';
import { Router, ROUTER_DIRECTIVES } from '@angular/router';

@Component({
    selector: 'tf-main',
    directives: [ROUTER_DIRECTIVES],
    template: '<p>home</p><router-outlet></router-outlet>'
})

export class HomeComponent {

    static get parameters() {
        return [[Router]]
    }

    constructor(router) {
        this.router = router;

        // This wrong way!!!! Help!!!!
        this.router.navigateByUrl(['auth']);
    }
}
Run Code Online (Sandbox Code Playgroud)

router ecmascript-6 angular

2
推荐指数
2
解决办法
1万
查看次数

标签 统计

angular ×1

ecmascript-6 ×1

router ×1