在angular2 rc5中没有提供路由器



in module.ts

    import { NgModule }      from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { Router } from '@angular/router'
    import { AppComponent }  from './app.component';
    @NgModule({
      imports: [
        BrowserModule
      ],
      declarations: [ 
        AppComponent
      ],
      bootstrap: [ AppComponent ]
    })
    export class AppModule { }
在组件

import { Component } from '@angular/core';    
import { Router } from '@angular/router'; 
import { GlobalService } from './global.service';
@Component({
  selector: 'cwf',
  templateUrl: 'app/app.template.html'
})
export class AppComponent {
  public homeConfig = {};
    constructor(private _router:Router, private _globalService: GlobalService){}

我得到错误,因为我在构造函数中定义路由器来导航路由。如果我注释了构造函数行,它就能正常工作。在哪里我需要添加提供程序和如何。

需要导入RouterModule

@NgModule({
  imports: [
    BrowserModule,
    RouterModule
  ],

或者像通常那样

const appRoutes: Routes = [
  {
    path: 'heroes',
    component: HeroesComponent
  }
];
export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);
import { routing } from './app.routing';
@NgModule({
  imports: [
    BrowserModule,
    routing
  ],

参见https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

最新更新