Angular js 2 Routing geschieht aber nichts ändert in url

Question

Angular js 2 Routing geschieht aber nichts in url Ändern

hai alle,

Am neu Winkel js 2 und ich habe Routing-Beispiel erstellt mit drei Tab sie sind verschiedene Arten von Formen in Winkel js 2 .. 1.Template angetrieben 2. Modell 3.Die Modell mit Form Builder angetrieben

Problem ist, wenn ich auf eine andere Registerkarte Datei Inhalt ändert, aber URL, Validierung funktionieren nicht

Ich habe gesamten Inhalt in Github hochgeladen Bin froh, wenn mir jemand hilft, diesen Code auch zu reinigen. Am ist auch für diese Formularvorlagen für Beiträger sucht

Vielen Dank im Voraus hier ist der Code für app.component.ts in Routing

<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

Es ist, weil Sie haben keine Route für leere Routen festgelegt.

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


    ]