angular - 单击更新时，我想导航以角度更新员工我错过了什么？

Question

我在 app-routing.module.ts 中添加了路由我已经在路由文件和employee.ts 中配置了路径employees/:id 我已经编写了一个函数来导航以更新员工组件，但它没有发生。

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

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

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

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