Angular 4/5 从 JSON 获取路由 ID

Question

我是 Angular 的新手，所以我需要你的帮助。我正在尝试为我从 data.json 用户列表中单击的每个用户获取一个 ID。所以我有我的用户列表，当我点击其中任何一个时，它会打开一个带有路由器的新页面，女巫工作正常，我可以获得该用户的 ID，但我无法访问他的姓名、年龄和其他要在屏幕上显示的信息，只是 ID。

组件

user: any[];

constructor(
private route: ActivatedRoute, 
private usersService: UsersService) {

let id = this.route.snapshot.paramMap.get('id');
if(id) this.usersService.getUsers(id).subscribe(user => this.user = user);}

问题是我的服务中没有getUsers(id) 函数，因为我不知道如何从 json 数据文件中获取 ID。我需要你的帮助来实现这个功能。

data.json

[
 {
  "id": 1,
  "firstName": "Paul",
  "surname": "Crowe",
  "age": 28,
  "gender": "male",
  "friends": [
    2
  ]
 },
 {
 "id": 2,
  "firstName": "Rob",
  "surname": "Fitz",
  "age": 23,
  "gender": "male",
  "friends": [
    1,
    3
  ]
 } ...
]

服务

 getUsers() {
 return this.http.get('./assets/data.json').map(array => array);
 }

我认为这个 getUsers 不适合拿 ID。所以我需要帮助。

提前致谢！

Answer 1

我想你想要这样的东西：

user: any;

constructor(
private route: ActivatedRoute, 
private usersService: UsersService) {
 let id = this.route.snapshot.paramMap.get('id');
    if(id) this.usersService.getUsers().subscribe(users =>
              this.user = users.getById(id);}
 }

private getUserById(userId: number){
     return this.users.filter(u=>u.id===userId);
 }

Answer 2

使用这个.id

if(this.id){
 this.usersService.getUsers(this.id).subscribe(user => this.user = user);}
}

编辑

var users = [
 {
  "id": 1,
  "firstName": "Paul",
  "surname": "Crowe",
  "age": 28,
  "gender": "male",
  "friends": [
    2
  ]
 },
 {
 "id": 2,
  "firstName": "Rob",
  "surname": "Fitz",
  "age": 23,
  "gender": "male",
  "friends": [
    1,
    3
  ]
 }  
];

const user = users.find(t=>t.id ==1);
console.log(user);