2017-07-06 6 views
0

私はAngular 4の世界で新しくて、私は/ moviegroup /:idにルーティングしたいときにこのエラーを見つけました。何らかの理由で、私はそれが私がhttp://localhost/wizardhttp://localhost/moviegroupにではなくhttp://localhost/moviegroup/ecf84479-c23c-1702-8440-b252591364ecに移動することができます私の角度4のルーティングを修正するには

app.routes.ts

import { Routes, RouterModule, PreloadAllModules } from '@angular/router'; 
import { MovieComponent } from '.é/movie/movie.component'; 
import { WizardComponent } from './wizard/wizard.component'; 

const routes: Routes = [ 
    { path: '', redirectTo: 'home', pathMatch: 'full' }, 
    { path: 'wizard', component: WizardComponent, pathMatch: 'full' }, 
    { 
     path: 'moviegroup', 
     children: [ 
      { path: 'moviegroup/:id', component: MovieComponent, pathMatch: 'full' } 
     ] 
    } 
]; 

export const routing = RouterModule.forRoot(routes, { preloadingStrategy: 
PreloadAllModules }); 

を動作させることはできません。私は次のエラーを取得する:ここで

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'moviegroup/ecf84479-c23c-1702-8440-b252591364ec' 
Error: Cannot match any routes. URL Segment: 'moviegroup/ecf84479-c23c-1702-8440-b252591364ec' 

は、私のファイル構造である: enter image description here

私が間違って何をしたか任意のアイデア?もっと情報が必要な場合は私に教えてください!

{ 
    path: 'moviegroup', 
    children: [ 
    { path: ':id', component: MovieComponent } 
    ] 
} 

そしてまた、あなたがredirectToで空のルート・パス上以外のpathMatch: 'full'どこでもを含める必要はありません。

おかげで、Reggi

+0

pathMatchを削除してみてください - あなたがしていることを私はそれなしでやり遂げることができます。私はそれがどこで何をしているのかの良い説明を見つけることができません。 – VSO

答えて

1

は、子のパスからmoviegroupを削除します。

+0

ありがとう@編集のための@ mike-hill。 – Eugene

関連する問題