Angularjs2路由不工作

Question

Angularjs 2路由不工作，即使我手動輸入url，仍然沒有工作。

配置和版本是： -

變種ngVer = '@ 2.0.0-rc.5'; //鎖定角度包版本;做 不讓它浮到當前！

var routerVer ='@ 3.0.0-rc.1'; //鎖定路由器版本 var formsVer ='@ 0.3.0'; // lock forms version var routerDeprecatedVer ='@ 2.0.0-rc.2';

操作系統： - Ubuntu 14，谷歌瀏覽器。

app.routing.ts

import { Routes, RouterModule } from '@angular/router'; 

    import { HeroesComponent } from './heroes.component'; 


    const appRoutes: Routes = [ 
     { 
     path: 'heroes', 
     component: HeroesComponent, 
     pathMatch: 'full' 
     } 
    ]; 

    export const routing = RouterModule.forRoot(appRoutes); 

app.component.ts

import { Component } from '@angular/core'; 
    import { AppModule } from './app.module'; 
    import { HeroesComponent } from './heroes.component'; 
    import { routing }  from './app.routing'; 



    @Component({ 
     selector : "my-app", 
     template : ` 
         <a routerLink="/heroes1" >Heroes</a> 
         <router-outlet></router-outlet> 
      `, 
     directives: [HeroesComponent] 
    }) 
    export class AppComponent { 
     title = 'Tour of Heroes'; 
    } 

它不進行初始化，在URL輸入任何內容，其將採取的主頁「/」

Answer 1

沒有理由導入Heroes Comp onent如果路線正在處理它。所以刪除導入並刪除app.component中的指令。另外重要的是回顧並參考在官方Angular.io網站上使用rc.5構建應用程序的新方法。

我建議你重新做快速入門，瞭解新的module.ts文件，然後直接跳到路由教程here來解決你當前的問題。