angular2: Observable 成功后通过代码路由

Question

我知道使用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);
        }
    );
}

我想一定有办法使用打字稿代码来做到这一点...... 你能给我一个例子或任何文件吗？

Answer 1

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

    }
}