Question

我在应用中使用CORS请求。

我的服务是：

getDatabaseFromServer(): any 
{

  return this.http.get(API_URL + '/mobile_api/task_list');

}

我的组件是：

 ngOnInit() {

this.items = this.AppConfigService.getDatabaseFromServer().subscribe((data: any) => {
  this.items = data['tasks'];
});

模板：

<ion-item *ngFor="let item of items">   
....
</ion-item>

我的服务器收到2个请求OPTIONS和GET。

如果使用OPTION，则返回：

{"status": 0, "tasks": []}

如果是GET，它将返回：

{"status": 0, "tasks": [{...},{...}...]}

在浏览器中，我可以看到一切正常且正确的列表，但是在浏览器的控制台中，我得到了NgFor仅支持绑定到Iterables（例如数组）的情况。

Answer 1

请勿重新分配items

要做：

this.AppConfigService.getDatabaseFromServer().subscribe((data: any) => {
  this.items = data['tasks'];
})

代替

this.items = this.AppConfigService.getDatabaseFromServer().subscribe((data: any) => {
  this.items = data['tasks'];
}) // this will make items of type subscription

旁注：您对Options请求的声明没有意义，IMK Options不返回任何正文，仅返回标题和状态代码。

NgFor带有CORS请求的异常

1 个答案: