2017-08-04 111 views
0

我想了解角度2路由的工作方式。我已經定義了兩個子路徑路徑'movieCategory/create'和路徑:'movieCategory', 當我輸入http://localhost:4200/#/movieCategory時,它工作正常並顯示MovieCategory組件。但是,當我向瀏覽器輸入http://localhost:4200/#/movieCategory/create時,它顯示CreateMovieCategory組件,但URL又變爲http://localhost:4200/#/movieCategory。 我在做什麼錯? 第二個問題是從哪裏來的?路由重定向到主要地址

我的路線

export const routes: Routes = [ 
    { 
    path: '', 
    redirectTo: 'movieCategory', 
    pathMatch: 'full', 
    }, 
    { 
    path: '', 
    component: FullLayoutComponent, 
    data: { 
     title: 'Film Kategorileri' 
    }, 
    children: [ 
     { 
     path: 'movieCategory/create', 
     component: CreateMovieCategory 
     }, 
     { 
     path: 'movieCategory', 
     component: MovieCategory 
     } 

    ] 
    } 
]; 

我也有當我點擊它,顯示同樣的行爲的按鈕。

<button class="btn btn-primary pull-right" type="button" [routerLink]="['/movieCategory/create']"> 

在此先感謝

回答

0
export const routeConfig:Routes = [ 
    { 
     path: '', 
     component: FullLayoutComponent 
    } 

    {   
     path: 'movieCategory', 
     children: [ 
      { 
      path: 'create', 
      component: CreateMovieCategory    
      } 
     ]  
    } 
]; 

欲瞭解更多信息檢查此LINK

如果您使用PathLocationStrategy作爲描述here您可以刪除URL中的散列。