Angular 表的角度Http get方法

我是angular的新手，试着弄清楚它是如何工作的。我试图从API中为我的表提取数据

import { Component } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map'; 
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
class AppComponent {
  people: any;
  constructor(http: Http) {
    http.get('https://jsonplaceholder.typicode.com/todos')
      .map(res => res.json())
      .subscribe(people => this.people = people);
  }
}

interface people {
  userId:number;
  id:number;
  title:string;
  completed:boolean;

这个Html代码块

<tr *NgFor="let people of peoples">
              <td>{{people.userId}}</td>
              <td>{{people.id}}</td>
              <td>{{people.title}}</td>
              <td>{{people.completed}}</td>

{{people.userId}
{{people.id}
{{people.title}}
{{people.completed}

---

我哪里做错了？任何建议都非常有用。

您将指令拼写错误，它是*ngFor，并且您试图引用名为peoples的变量，该变量不存在，因为在组件中您将其命名为people

---

在将来检查控制台中的错误，您还应该阅读更多内容，因为您的代码有很多错误实践。尝试使用服务，将您的http请求放在那里，然后简单地将它们注入组件中。

*NgFor=“…”

->->

*NgFor=“…”

我强烈建议在开始使用angular编程之前多阅读一些内容