2016-06-29 9 views
0

角度2のチュートリアルに基づいて動作するテストアプリケーションを取得しようとしていますが、問題が発生しています。角2アプリ起動時に既定のルートロジックが機能しない

私が最初にアプリケーションを起動すると、別のコンポーネントに入って元のコンポーネントに戻るまで、デフォルトの 'redirectTo'ルートのロジックは機能しません。ここのプランカの場合、ダッシュボードボタンをクリックすると、「ヒーローズ」コンポーネントに切り替えて元のダッシュボードに戻すまで何もしません。

これは大歓迎です。

http://plnkr.co/edit/KzWttn3ZlyMh0WW0JAum?p=preview

app.routes.ts:

import {provideRouter, RouterConfig} from '@angular/router'; 

import {AppComponent} from './app.component'; 
import {HeroesComponent} from './heroes.component'; 
import {HeroDetailComponent} from './hero-detail.component'; 
import {DashboardComponent} from './dashboard.component'; 

export const AppRoutes: RouterConfig = [ 
    { 
     path: '', 
     redirectTo: 'dashboard' 
    }, 
    { 
     path: 'dashboard', 
     component: DashboardComponent, 
    }, 
    { 
     path: 'heroes', 
     component: HeroesComponent 
    }, 
    { 
     path: 'detail/:id', 
     component: HeroDetailComponent 
    } 
] 

export const APP_ROUTER_PROVIDERS = [ 
    provideRouter(AppRoutes) 
] 
+2

試して追加しよう:本当の、これは 'ダッシュボード' は限りあることをリダイレクトを伝えますリダイレクトは –

+1

になります。Plunkerは機能せず、上に示した 'RouterConfig'を含んでいません。テンプレートとしてhttps://angular.io/resources/live-examples/quickstart/ts/plnkr.htmlを試してください。 –

+0

@ JarodMoser残念ながら問題は解決しません – MoSheikh

答えて

0

は、端末を追加terminal: true

{ 
    path: '', 
    redirectTo: 'dashboard', 
    terminal: true 
}, 
関連する問題