routing - Angular 5 从组件中读取参数

Question

我有一个表格组件，列出用户的链接以重定向到另一个组件以编辑记录。从表组件中，我调用要调用服务以获取用户记录的详细信息组件。尽管我正确传递了 id 参数，但我不确定从 details 组件中读取它的正确方法是什么。

表格组件：

      <tbody>
        <tr *ngFor="let user of users">
          <td><a routerLink="/users/details/{{user.id}}">{{user.name}}</a></td>
<td>{{user.Name}}</td>
        </tr>
      </tbody>

在 AppModule 中注册路由器：

{ path: 'users/details/:id', component: DisplayUserComponent }

这是我计划从详细信息组件调用服务的方式：

export class DisplayUserComponent {

  constructor(private userService: UserService) { }

  ngOnInit() {

    this.userService.getUserById(???????USER_ID????????)
    .subscribe(res => console.log(res));
  }

}

同样，我的问题是如何从通过路由传递的组件中获取用户 ID。欢迎任何帮助！

标签： routingangular2-routingangular5

Answer 1

有很多方法可以读取 url 参数。看看这里

虽然，我会选择@DanielWSrimpel，我认为你只需要这个。