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