Исключение ngFor с запросом CORS

#angular #typescript #ionic-framework

#angular #машинописный текст #ionic-framework

Вопрос:

Я использую запросы 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.

В случае ВЫБОРА ОПЦИИ он возвращает:

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

В случае GET он возвращает:

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

В браузере я вижу все в порядке и правильный список, но в консоли браузера я получил, что ngFor поддерживает привязку только к повторяющимся объектам, таким как массивы.

Ответ №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 не возвращает никакого тела, только заголовки и код состояния.