角度URL重写没有发生

时间:2017-05-14 12:51:59

标签: angularjs angular2-routing

我在localhost:4200上托管了一个应用程序。单击编辑后获取列表后,页面导航正在进行,但URL未重写。

RouterModule.forRoot([
  { path: 'welcome', component: WelcomeComponent },
  { path: 'employee', component: EmployeeListComponent },
  { path: 'employee/add', component: EmployeeAddComponent },
  { path: 'employee/edit', component: EmployeeEditComponent },
  { path: 'customer', component: CustomerListComponent },
  { path: 'ap', component: PayablesComponent },
  { path: 'ar', component: ReceivablesComponent }
])

主页 enter image description here

编辑页面 enter image description here

两个网页的网址相同。

重写组件片段

  <td>
    <a [routerLink]="['/employee/edit']"><i class="fa fa-pencil ky-teal-text"></i> </a> &nbsp; &nbsp;
    <a><i class="fa fa-close ky-red-text"></i> </a>
  </td>

2 个答案:

答案 0 :(得分:0)

添加相对路径并查看

  <a [routerLink]="['./employee/edit']"><i class="fa fa-pencil ky-teal-text"></i> </a> &nbsp; &nbsp;

答案 1 :(得分:0)

组件中存在错误,因此角度在没有重新路由的情况下回落到之前的成功路线。在修复组件中的错误后,重写正常。谢谢和解决方案。