角度2で "home"のルートを設定する方法app-routing.module.ts

Question

私はいくつかの基本的な "Angular"のチュートリアルを見ていて、ルートパスの設定については未解決の質問があります。コンポーネントへのパスを定義し、そのコンポーネントにナビゲートする方法は明確ですが、「ホーム」ページへのルートを設定する方法の例はありません。

他のルートは、私が作成したコンポーネントを指しているので、どのように動作するか分かります。したがって、「管理」リンクをクリックすると、正しいURL「http://localhost:4200/manage」が表示されます。

私の質問は、私が "home"をクリックするとURLが表示されるようにルートを設定する方法です： "http://localhost:4200/"

これは、今のところ、CLIによって生成されたスケルトンプロジェクトです。

ng new my-app --routing 
ng generate component tools 
ng generate component reports 
ng generate component manage 

プロジェクトが生成されたら、これらのルートを追加しました。

const routes: Routes = [ 
    /* 
    * How do I create a path for the "home" page? 

    { path: 'home', component: ?? }, 
    */ 
    { path: 'reports', component: ReportsComponent }, 
    { path: 'tools', component: ToolsComponent }, 
    { path: 'manage', component: ManageComponent } 
]; 

Answer 1

私は自分の質問に答えたと思います。私は定義された "家"のルートまたは既定のルートがありません。

代わりに、HTML側で私は手動で "ホーム"リンクを使ってルートを指します。

<nav> 
    <ul>  
    <li><a href="/">Home</a></li> 
    <li><a href="" [routerLink]="['/reports']">Reports</a></li> 
    <li><a href="" [routerLink]="['/tools']">Tools</a></li> 
    <li><a href="" [routerLink]="['/manage']">Manage</a></li> 
    </ul> 
</nav>