如何将JSON列表分配给Angular 4中的TypeScript接口

interface User {
  id: number;
  name: string;
}

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-user-list',
  templateUrl: './user-list.component.html',
  styleUrls: ['./user-list.component.css']
})
export class UserListComponent implements OnInit {
  userList: User[] = [];

  constructor(private http: HttpClient) { }

  ngOnInit() {
    this.http.get<any>('api/users').subscribe(data => {
      this.userList = data as User[];
    });
  }
}

<ul>
  <li *ngFor="let user of userList">
    ID: {{ user.id }}, Name: {{ user.name }}
  </li>
</ul>