Angular js 2路由正在发生，但url中没有任何变化

Question

Angular js 2路由正在发生，但网址没有变化

hai all，

我是角度js 2的新手，我创建了带有三个标签的路由示例，它们是角度js 2中不同类型的表单。 1.模板驱动 2.模型驱动 3.使用表单构建器

驱动的模型

问题是当我点击另一个标签文件内容更改但是网址时，验证无效

我已经在github上传了整个内容 如果有人帮我清理那段代码，我很高兴。 我也在寻找该表单模板的贡献者

提前致谢 这是app.component.ts中的路由代码

<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

这是因为您没有为空路径路径设置任何

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


    ]