将json from HTTP请求映射到Angular 9中的模型

export class User {
  id: number;
  name: string;
  email: string;
}

import { HttpClient } from '@angular/common/http';

export class UserService {
  constructor(private http: HttpClient) {}

  getUsers() {
    return this.http.get('api/users'); // 假设API返回用户列表的JSON数据
  }
}

import { Component, OnInit } from '@angular/core';
import { UserService } from './user.service';
import { User } from './user.model';

@Component({
  selector: 'app-user-list',
  template: `
    <ul>
      <li *ngFor="let user of users">{{ user.name }}</li>
    </ul>
  `,
})
export class UserListComponent implements OnInit {
  users: User[];

  constructor(private userService: UserService) {}

  ngOnInit() {
    this.userService.getUsers().subscribe((data: any) => {
      this.users = data.map((item: any) => {
        const user = new User();
        user.id = item.id;
        user.name = item.name;
        user.email = item.email;
        return user;
      });
    });
  }
}