Question

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

表格组件：

      <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。欢迎任何帮助！

Answer 1

有很多方法可以从url参数中读取。看看here

虽然，我会选择@DanielWStrimpel，我认为你只需要this.

Angular 5从组件读取参数

1 个答案: