没有ActivatedRoute的供应商 – Angular 2 RC5

发布时间：2020-12-17 07:50:12 所属栏目：安全来源：网络整理

导读：升级到Angular 2 RC5(来自RC4)后,我似乎无法再将ActivatedRoute注入我的组件. ORIGINAL EXCEPTION: No provider for ActivatedRoute! 这是相关的代码： import { Component } from '@angular/core';import { ActivatedRoute} from '@angular/router';declare

升级到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).

我需要在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'

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!