Question

我在app-routing.module.ts中添加了路由我已经在路由文件中配置了路径employee /：id 在employee.ts中，我编写了一个导航到更新employee组件的功能，但是没有发生。

const routes: Routes = [
  { path: '',component:EmployeesComponent},
  { path: 'employees',component:EmployeesComponent},
  { path: 'employees/:id',component:UpdateEmployeeComponent}
];

我已经在employee.component.ts中编写了一个函数

updateEmployee(id){
    console.log(`Update Employee ${id}`);
    this.router.navigate(['employees/', id]);
  }

但是我无法导航以更新员工组件。我想念什么？

Answer 1

尝试：

 updateEmployee(id){
    console.log(`Update Employee ${id}`);
    this.router.navigate(['employees', id]);
  }

Answer 2

检查是否在HTML文件中添加了<router-outlet></router-outlet>。并使用

this.router.navigate(['employee', id]); 相对路径或

this.router.navigateByUrl('/employee/' + id); 绝对路径

在单击更新时，我想导航以角度更新员工，我还缺少什么？

2 个答案: