angular2:Observable成功后按代码路由

时间:2016-12-15 12:29:11

标签: angular angular2-routing

我知道使用routerLink指令,我能够路由到目的地:

<a [routerLink]=" ['/app'] ">LogOut</a>

这是在您的网站上创建链接的静态方式。

尽管如此,有时必须按照正确处理http请求的方式完成路线:

public createAccount():void {
    this.clearAlerts();
    this.commty.create(this.form.value.mail, this.form.value.passwd)
    .subscribe(
        (result: any) => {       // <-- handler for result
            >>>>>>>>>> go to '/app' route   <<<<<<<<<<<<<<<
        },
        (error: any) => {        // <-- handler for error
            this.addAlert(error.message);
        }
    );
}

我想必须有一种方法可以使用打字稿代码... 你能给我一个例子或任何文件吗?

1 个答案:

答案 0 :(得分:2)

router.navigate(['/app'])

但是为此你需要在组件中导入和注入Router

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

@Component({
  selector: 'my-app',
  template: '<h1>Hello</h1>',
})
export class AppComponent  {
    constructor(private router: Router){
    router.navigate(['/app'])

    }
}