Question

我是Angular的初学者，遇到一个奇怪的错误，它说它没有在我试图从简单的API获取数据的API对象中找到属性数据，并将其显示在此处的页面中是代码。

export class ArticlesComponent implements OnInit {
 users: Object;

  constructor(private data: DataService) { }

  ngOnInit(): void {
    this.data.getUsers().subscribe(data=>{
      this.users=data;
      console.log(this.users);

    });
  }


}

模板就是这样

<ul *ngIf="users">
  <li *ngFor="let user of users.data">
    <img [src]="user.avatar">
     <p>{{user.first_name}} {{user.last_name}}</p>
  </li>
</ul>

我这里的存货已经几个小时了。当我控制台日志时，有一个数据属性，并且具有用户的所有信息，这就是我要显示的内容，它向我显示不存在。这是API链接：https://reqres.in/api/users 请帮忙。

服务类中的函数是：

export class DataService {

  constructor(private http: HttpClient) { }
  getUsers(){
       return this.http.get('https://reqres.in/api/users?page=2');
  }
}

Answer 1

我尝试了您的代码，但效果很好。仍然出现错误，您可以像ngFor循环中的用户一样定义数据。

角度：错误TS2339：类型“对象”上不存在属性“数据”

1 个答案: