ActivatedRoute没有提供程序-Angular 2 RC5
升级到Angular 2 RC5(从RC4)后,我似乎无法再将ActivatedRoute没有提供程序-Angular 2 RC5,angular,angular2-routing,angular2-router3,Angular,Angular2 Routing,Angular2 Router3,升级到Angular 2 RC5(从RC4)后,我似乎无法再将ActivatedRoute注入我的组件 原始异常:ActivateRoute没有提供程序 以下是相关的代码: import { Component } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; declare var module: { id: string; }; @Component({ moduleId:
ActivatedRoute
注入我的组件
原始异常:ActivateRoute没有提供程序
以下是相关的代码:
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问题,发现了上述问题的解决方案,这完全是出于运气(请参阅)
我需要将路由
(参见上文导入
)添加到NgModule
中的导入
,即
@NgModule({
imports: [ BrowserModule, CommonModule, RouterModule, routing ],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ],
providers: [ appRoutingProviders ]
})
看起来Angular 2的错误信息比以前更加混乱
我希望这个答案对某些人有用,我已经准备好拔头发了
编辑:根据大家的要求,这里有一个导入的路由
的片段(由于我本周不工作,请在评论中告诉我,如果有任何问题):
app.routing.ts:
在您的app.module.ts
中,您可以按如下方式导入此项:
import { routing } from 'app.routing'
如果在单元测试中出现此错误,则需要导入RouterTestingModule我在单元测试中遇到此错误。导入RouterTestingModule并在我的测试模块中使用,如下所示:
beforeEach(
async(() => {
TestBed.configureTestingModule({
declarations: [],
imports: [
RouterTestingModule.withRoutes([{ path: 'orders/:id', component: OrdersComponent }])
],
providers: []
}).compileComponents();
})
)) “路由”的正确导入是什么?我似乎找不到它,这是导出的
RouterModule
,您不妨编写imports:[RouterModule.forRoot(routes)]
其中routes
是routes:routes=[…]
来自app.routing.ts
。正在寻找这个。
beforeEach(
async(() => {
TestBed.configureTestingModule({
declarations: [],
imports: [
RouterTestingModule.withRoutes([{ path: 'orders/:id', component: OrdersComponent }])
],
providers: []
}).compileComponents();
})