각도 JS 2 라우팅은 무슨 일이 일어나고 아무것도 URL을 변경하지 2 라우팅이 일어나고

Question

각도 JS을하지만 아무것도 URL을 변경하지

각도 JS 2

오전 새

하이 모두, 나는 세 가지로 라우팅 예제를 만들었습니다 탭 그들은 .. 1.Template 구동 각도 JS 2 형태의 다른 유형은 2. 모델 3. 모델 양식 빌더로 구동 구동

문제는 다른 탭 파일 콘텐츠 변경 사항을 클릭했지만 URL이 유효하지 않습니다. 유효성 검사가 작동하지 않습니다.

전체 내용을 github에 업로드했습니다. 다른 사람이 그 코드도 정리할 수있게 도와 주시면 기쁘게 생각합니다. 암은 또한 사전 여기 에 해당 양식 서식 파일에 대한 기여에 대한

감사를 찾던

<nav> 
      <a routerLink="/angulartemplateform" routerLinkActive="active">Angular Forms Using Template</a> 
      <a routerLink="/angularmoduleformdata" routerLinkActive="active">Angular Forms Using Model</a> 
      <a routerLink="/angularmodulebuilder" routerLinkActive="active">Angular Forms Using Form Builder</a> 
      </nav>    
      <router-outlet></router-outlet> 

Github에서 URL이 :: https://github.com/selva1990kumar/AngularJS-Forms

Answer 1

그것은 때문이다 app.component.ts에 라우팅 코드입니다 빈 경로 경로를 설정하지 않았습니다.

const routes: Routes = [ 
    ////////////////////////////////////////////////////////////////////// 
     { path: '', redirectTo: 'angulartemplateform', pathMatch: 'full' }, 
    /////////////////////////////////////////////////////////////////////// 
     { path: 'angulartemplateform', component: EmployeeListComponent}, 
     { path: 'angularmoduleformdata', component: EmployeeDetailComponent}, 
     { path: 'angularmodulebuilder', component: EmployeeFormComponent}, 


    ]