原始異常：沒有Router的提供者！ angular 2 RC5

Question

無法使用this.router.navigate。

這是我的： app.module.ts

import {NgModule, NgModuleMetadataType}  from '@angular/core'; 
    import { BrowserModule } from '@angular/platform-browser'; 
    import {FormsModule} from '@angular/forms'; 
    import { HttpModule } from '@angular/http'; 
    ... 
    import {routing} from "./app.routing"; 
    import {entry} from "./entry.component"; 
imports: [ 
     BrowserModule, 
     FormsModule, 
     routing, 
     HttpModule, 
    ], 

測試組件

import { Component } from '@angular/core'; 
import {HttpClient} from "./HttpClient.component"; 
import {Router} from "@angular/router-deprecated"; 

@Component({ 
    templateUrl: 'templates/entry.html' 
}) 
export class entry { 
    ... 
    constructor(head:HeaderComponent, private httpClient: HttpClient, private router: Router) { 
     this.httpClient = httpClient; 
    } 
    nav_test(){ 
     this.router.navigate(['search']); 
    } 
} 

和app.routing

import { Routes, RouterModule } from '@angular/router'; 
const appRoutes: Routes = [ 
    { 
     path: '', 
     redirectTo: '/home', 
     pathMatch: 'full', 
    }, 
    { 
     path: 'home', 
     component: HomeComponent 
    }, 
    { 
     path: 'search', 
     component: SearchComponent 

    } 

]; 
export const routing = RouterModule.forRoot(appRoutes, {useHash: true}); 

，並在結束時，我有這樣的錯誤：

EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in ./entry class entry_Host - inline template:0:0 ORIGINAL EXCEPTION: No provider for Router!

預先感謝您！

Answer 1

問題是與你的測試組件進口，

您使用

import {Router} from "@angular/router-deprecated"; 

，你應該使用，

import { Router } from '@angular/router'; 

希望這有助於！

Answer 2

不知道該怎麼useHash：真正的作品，但我在@NgModule指定位置策略：

providers:[{provide: LocationStrategy, useClass: HashLocationStrategy}]

而且我用的是最新的路由器，而不是過時的。

工作RC.6代碼示例在這裏：https://github.com/Farata/angular2typescript/tree/master/chapter3/router_samples