Question

我是棱角分明的新人并试图弄清楚它是如何运作的。我正试图从我的表中为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>

我在做错了吗？任何建议都非常有用。

Answer 1

你错误地拼写了指令，它是* ngFor，而且你也试图引用一个名为peoples的变量，因为在你命名为people的组件中，这个变量并不存在。

将来检查控制台是否存在错误，您还应该阅读更多内容，因为您的代码有很多不良做法。尝试使用服务并将您的http请求放在那里，只需将它们注入您的组件。

Angular Http获取表的方法

1 个答案: