角度2ルーティング3.0.0-rc.2繰り返しルート

Question

私は例えば、私の角度2のアプリケーションでのルーティングといくつかの問題を抱えている私は

https://www.url.com/index

とあれば

によ私は、URLがこの

https://www.url.com/index/index

のように思えるのページをリロード

と

に私は再びそれを行う場合

https://www.url.com/index/index/index

ので、私が使用しているバージョンは、 "角度/ルーター@" である：「3.0.0-rc.2 「

私app.routing.tsこの

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import { subprocessesComponent } from './Subprocesses.component'; 
import { moduleTermsComponent } from './moduleTerms.component'; 
import { retailProcessesComponent } from './retailProcesses.Component'; 
import { seeDocTestComponent } from './seeDocTest.component'; 

//import { HeroesComponent }  from './heroes.component'; 
//import { HeroDetailComponent } from './hero-detail.component'; 

const appRoutes: Routes = [ 
    { 
     path: '', 
     redirectTo: '/index', 
     pathMatch: 'full' 
    }, 
    { 
     path: 'index', 
     component: moduleTermsComponent 
    }, 
    { 
     path: 'processes/:id', 
     component: retailProcessesComponent 
    },  
    { 
     path: 'processes/subprocesses/:id', 
     component: subprocessesComponent 
    }, 
    { 
     path: 'seeDocs', 
     component: seeDocTestComponent 
    } 
]; 

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes); 

のように思えます私はバンドルのための私のアプリをWebPACKのを使用していますところで

、誰もが何が起こっているか知っているか、私は何か間違ったことをやっている場合、私はいくつかを感謝します場合は、私のindex.htmlの中で、私はスクリプトを<script type="text/javascript" src="../dist/app.bundle.js"></script>

をしましたので、これで助けてください

ありがとうございます！このようなUPDATE

マイapp.module.ts

は外観：

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { moduleTermsComponent } from './moduleTerms.component'; 
import { AppComponent } from './app.component'; 
import { processListComponent } from './processesList.component'; 
import { retailProcessesComponent } from './retailProcesses.Component'; 
import { subProcessItemsComponent } from './subProcessItems.component'; 
import { subprocessesComponent} from './Subprocesses.component'; 
import { seeDocTestComponent } from './seeDocTest.component'; 
import { HttpModule } from '@angular/http'; 
import {AccordionModule} from "ng2-accordion"; 

import { serviceTerms } from './serviceTerms.service'; 
import { MyLogger } from './MyLogger'; 
import { routing } from './app.routing'; 


@NgModule({ 
    imports: [ 
     BrowserModule, 
     HttpModule, 
     AccordionModule, 
     routing 
    ], 
    declarations: [ 
     moduleTermsComponent, 
     AppComponent, 
     retailProcessesComponent, 
     processListComponent, 
     subprocessesComponent, 
     subProcessItemsComponent, 
     seeDocTestComponent 
     //PaginatePipe 
    ], 
    providers: [serviceTerms], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Answer 1

AppModule