【发布时间】:2020-07-07 20:24:03
【问题描述】:
我是 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');
}
}
【问题讨论】:
-
ngIf语法似乎有误。 -
您的代码运行良好。确保您正确书写了
ngIf。 -
是的,我修复了它,但它仍然无法识别 users.data。
-
我复制了你的代码,它工作正常。
-
同一页面上是否还有其他 api 类?也许错误是由于其他原因。这工作正常。
标签: json angular typescript api