سلام.من تغییرات RC4 را اعمال کردم .متغییر _route مقدار undefined دارد و متد navigate را شناسایی نمیکند.
کامپوننت در داخل کامپوننت app میباشد.
import { Router } from '@angular/router';
.....
@Component({
selector: 'app-menu',
moduleId: module.id,
templateUrl: 'menu.component.html',
styleUrls: ['menu.component.css']
})
...
constructor(private _menuService: MenuService, public elementRef: ElementRef, public _router: Router) {
}
onClick(event: any) {
console.log('menu click');
debugger;
//----در این قسمت متغیر مقدار
//undefined
//دارد
this._router.navigate(['Subsystem']);
}
کلاس main.ts هم به شکل زیر میباشد
import { bootstrap } from '@angular/platform-browser-dynamic';
import { HTTP_PROVIDERS } from '@angular/http';
import { Router} from '@angular/router';
import { MenuService } from './menu/menu.service';
import { AppComponent } from './app.component';
import { MenuComponent } from './menu/menu.component';
import { appRouterProviders } from './app.routes';
bootstrap(AppComponent, [MenuService, HTTP_PROVIDERS, appRouterProviders]);
و در نهایت کلاس APPComponent
import { Component } from '@angular/core';
import { HTTP_PROVIDERS } from '@angular/http';
import { MenuComponent } from './menu/menu.component';
import { SubSystemComponent } from './subsystem/subsystem.component';
import { MenuService } from './menu/menu.service';
import { SubSystemService } from './subsystem/subsystem.service';
import { ROUTER_DIRECTIVES, RouterLink, RouterOutlet} from '@angular/router';
// Add the RxJS Observable operators we need in this app.
import './rxjs-operators';
@Component({
selector: 'my-app',
templateUrl: 'app/app.component.html',
directives: [MenuComponent, SubSystemComponent, ROUTER_DIRECTIVES, RouterOutlet, RouterLink],
providers: [MenuService, SubSystemService, HTTP_PROVIDERS]
})
export class AppComponent {
currentSubsSystemId: number=1;
} 
