升级到Angular 2 RC5(来自RC4)后,我似乎无法再将ActivatedRoute注入我的组件.
ORIGINAL EXCEPTION: No provider for ActivatedRoute!
这是相关的代码：
import { Component } from '@angular/core';
import {
ActivatedRoute
} from '@angular/router';
declare var module: {
id: string;
};
@Component({
moduleId: module.id,selector: 'mds-app',templateUrl: 'app.component.html',styleUrls: [
'app.component.css'
],directives: []
})
export class AppComponent {
constructor(private _route: ActivatedRoute) {
this._route.params.subscribe(params => console.log(_route));
}
}
这是我的app.module.ts：
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from '@angular/common';
import { Routes,RouterModule } from '@angular/router';
import { AppComponent } from './app.component';
import {
routing,appRoutingProviders
} from './app.routing';
@NgModule({
imports: [ BrowserModule,CommonModule,RouterModule ],declarations: [ AppComponent ],bootstrap: [ AppComponent ],providers: [ appRoutingProviders ]
})
export class AppModule { }
我检查了“英雄之旅”的例子,他们做了完全相同的事情,ActivatedRoute没有提供者声明,所以我想知道这里发生了什么？
我正在浏览GitHub上的Angular 2问题,并且凭借纯粹的运气找到了上述问题的解决方案(见
here).
原文链接：https://www.f2er.com/angularjs/143272.html我需要在NgModule中添加路由(参见上面的导入),即
@NgModule({
imports: [ BrowserModule,RouterModule,routing ],providers: [ appRoutingProviders ]
})
似乎Angular 2的错误消息比以前更令人困惑.
我希望这个答案对某些人有用,我本想把头发拉出来.
编辑：通过流行的请求,这里是导入路由的片段(在我的头顶,因为我本周下班,如果有任何问题,请在评论中告诉我)：
app.routing.ts：
export routes: Routes = [
{ path: 'sales',component: SalesComponent }
];
export routing = RouterModule.forRoot(routes);
并在您的app.module.ts中,您将导入如下：
import { routing } from 'app.routing'
