"home"에 대한 경로를 각도 2로 설정하는 방법 app-routing.module.ts

Question

기본 "입문서 소개"튜토리얼을보고 경로 경로 설정에 대한 해결되지 않은 질문이 있습니다. 구성 요소에 대한 경로를 정의하고 해당 구성 요소를 탐색하는 방법은 분명하지만 "홈"페이지에 대한 경로를 설정하는 방법에 대한 예제는 없습니다.

내가 만든 구성 요소를 가리 키기 때문에 다른 경로가 어떻게 작동하는지 확인할 수 있습니다. 따라서 "관리"링크를 클릭하면 정확한 URL "http://localhost:4200/manage"이 표시됩니다.

제 질문은 경로를 설정하여 "집"을 클릭하면 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>