2016-11-01 9 views
1

に向けたい存在する場合、私は、私は、最新のangular2とtypescriptですを使用していますホームページルートdoesntのは、私は、ユーザーがルートdoesntの場合angular2でホームページ

に向け、ユーザが欲しい存在します。

このコードをアプリルートファイルにどこかに追加しますか?

これは私のroutesファイルである: - これは、あなたの中で行われ

import { Route } from '@angular/router'; 
import { HomeComponent } from './index'; 

export const HomeRoutes: Route[] = [ 
    { 
    path: '', 
    component: HomeComponent 
    }, 
    { 
    path: 'home', 
    component: HomeComponent 
    }, 
    { 
    path: 'homepage', 
    component: HomeComponent 
    }, 
    { 
    path: '**', 
    component: PageNotFoundComponent 
    } 
]; 

答えて

3

::これは私のホームページのルートである

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

import { HomeRoutes } from './components/home/index'; 
import { ContactRoutes } from './components/contact/index'; 

export const routes: Routes = [ 
...HomeRoutes, 
...ContactRoutes  
]; 

どのように私はそれを行うために、このファイルを更新しますモジュールを使用してルートを設定します。 '**'パスのあるルートに注意してください。あなたは好きなコンポーネントに設定することができます。

参照:https://angular.io/docs/ts/latest/guide/router.html

@NgModule({ 
 
    imports: [ 
 
    BrowserModule, 
 
    FormsModule, 
 
    RouterModule.forRoot([ 
 
     { path: 'hero/:id', component: HeroDetailComponent }, 
 
     { path: 'crisis-center', component: CrisisListComponent }, 
 
     { 
 
     path: 'heroes', 
 
     component: HeroListComponent, 
 
     data: { 
 
      title: 'Heroes List' 
 
     } 
 
     }, 
 
     { path: '', component: HomeComponent }, 
 
     { path: '**', component: PageNotFoundComponent } 
 
    ]) 
 
    ], 
 
    declarations: [ 
 
    AppComponent, 
 
    HeroListComponent, 
 
    HeroDetailComponent, 
 
    CrisisListComponent, 
 
    PageNotFoundComponent 
 
    ], 
 
    bootstrap: [ AppComponent ] 
 
}) 
 
export class AppModule { 
 
}

+0

は、私は私の質問に私のルートファイルを追加しました、どのように私はそれを更新しますか? – AngularM

+0

また、PageNotFoundComponentは何ですか?それに何が好きですか? – AngularM

+0

@AngularM 'PageNotFoundComponent'は、あなたのアプリケーションに属する任意のコンポーネントです。もし存在しないパスをそこにリダイレクトさせたいのであれば、それを 'HomeComponent'に置き換えたいでしょう。 – BeetleJuice