angularjs2 29:20引起：this._router.navigate不是一个函数

Question

我是angularjs2的新手，我尝试导航路线，但我复活了＃34; 29:20引起：this._router.navigate不是一个功能＆＃34;

可能会像这样编码

import {Component} from '@angular/core';
import { Http } from '@angular/http';
import { ActivatedRoute } from '@angular/router';
import 'rxjs/add/operator/map';

@Component({
selector: 'app-user',
templateUrl: `app/user/user.component.html`
})
export class UserComponent {
constructor(private _http: Http, private _router: ActivatedRoute) { 
}

edit() {
this._router.navigate(['form']);
}
};

Answer 1

您可以使用Router，而不是ActivatedRoute来导航。

import { Router } from '@angular/router'

...

constructor(private _http: Http, private _router: Router) {}

...

有关详细信息，请参阅官方docs

<强>路由器：

  

[...]管理从一个组件到下一个组件的导航。

<强> ActivatedRoute：

  

提供给包含路由的每个路由组件的服务   路由参数，静态数据，解析等具体信息   数据，全局查询参数和全局片段。