Angular js 2路由正在进行，但url中没有任何更改

Angular js 2路由正在进行，但url中没有任何更改

海大家,

我是angular js 2的新手，我创建了带有三个选项卡的路由示例，它们是angular js 2中不同类型的表单。。 1.模板驱动 2.模型驱动 3.使用form builder驱动的模型

问题是，当我单击另一个选项卡时，文件内容发生更改，但url、验证不起作用

我已经在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> 

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

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


    ]

{path:''，重定向到：'angulartemplateform'，pathMatch:'full'}，我已经尝试了上面的代码，但它不起作用。问题是它转到angularmoduleformdata，angularmodulebuilder链接并返回到angulartemplateformangulartemplateform:1拒绝从''执行脚本，因为它的MIME类型（'video/mp2t'）不可执行。popup.js:121未捕获引用错误：未在popup.js:121（匿名）@popup.js:121 core.umd.js:210中定义XML。2正在开发模式下运行。调用enableProdMode（）以启用生产模式。这是我加载projectyes时得到的错误。错误信息非常直截了当，超出了您对我的要求：）！非常感谢阿拉文老板，我已经修好了。真的很抱歉回复晚了