Невозможно найти другой поддерживающий объект '[object Object]' типа 'object'. NgFor поддерживает привязку только к Iterables, таким как массивы

Там вам не нужно использовать this.requests=, когда вы делаете get вызов (тогда requests будет иметь наблюдаемую подписку). Вы получите ответ в виде наблюдаемого success, поэтому успешная установка значения requests имеет смысл (что вы уже делаете).

this._http.getRequest().subscribe(res=>this.requests=res);

Удалить this.requests из

ngOnInit(){
  this.requests=this._http.getRequest().subscribe(res=>this.requests=res);
}

to

ngOnInit(){
  this._http.getRequest().subscribe(res=>this.requests=res);
}

this._http.getRequest() возвращает подписку, а не значение ответа. Значение ответа присваивается обратным вызовом, переданным в subscribe(...)

Вы можете объявить книги (в строке 2) как массив:

title: any = 'List of books are represted in the bookstore';
books: any = []; 
constructor(private service:  AppService){
}

ngOnInit(){
  this.getBookDetails();
}

getBookDetails() {
    this.service.getBooks().subscribe(books => {
        this.books = books.json();
        console.log(this.books);
    });
}

У меня была такая же ошибка, потому что я сопоставил ответ HTTP следующим образом:

this.http.get(url).map(res => res.json);

Обратите внимание, как я случайно вызвал .json как переменную, а не как метод.

Изменив его на:

this.http.get(url).map(res => res.json());

сделали свое дело.

В вашем файле JSOn внесите следующие изменения.

 {
    "data":
    [
      {
        "id": 1,
        "name": "Safa",
        "email": "[email protected]",
        "purpose": "thesis",
        "programme": "Software Engineering",
        "year": 2016,
        "language": "Estonian",
        "comments": "In need of correcting a dangling participle.",
        "status": "RECEIVED"
      },
      {
        "id": 2,
        "name": "Safa",
        "email": "[email protected]",
        "purpose": "thesis",
        "programme": "Software Engineering",
        "year": 2016,
        "language": "Estonian",
        "comments": "In need of correcting a dangling participle.",
        "status": "RECEIVED"
      },
      {
        "id": 3,
        "name": "Salman",
        "email": "[email protected]",
        "purpose": "thesis",
        "programme": "Software Engineering",
        "year": 2016,
        "language": "Estonian",
        "comments": "In need of correcting a dangling participle.",
        "status": "RECEIVED"
      }
    ]
    }

И после этого:

 this.http.get(url).map(res:Response) => res.json().data);

Данные на самом деле являются именем коллекции tge файла json. Пожалуйста, попробуйте приведенный выше код, я уверен, что он сработает.

Мое решение - создать канал для возврата массива значений или объекта свойств.

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'valueArray',
})
export class ValueArrayPipe implements PipeTransform {

  // El parametro object representa, los valores de las propiedades o indice
  transform(objects : any = []) {
    return Object.values(objects);
  }
}

Реализация шаблона

<button ion-item *ngFor="let element of element_list | valueArray" >
    {{ element.any_property }}
</button> 

Если вы столкнулись с этой проблемой и попали сюда через Google, убедитесь, что элемент host в директиве *ngFor указан правильно. Под этим я подразумеваю, что я столкнулся с этой ошибкой и потратил много времени на поиск исправлений, прежде чем понял, что я поставил *ngFor на элемент ng-template, а не на свой компонент, который я хотел повторить.

Неправильно

<ng-template *ngFor=let group of groups$ | async" ...>
  <my-component [prop1]="group.key" ... </my-component>
<\ng-template>

Верно

<my-component *ngFor=let group of groups$ | async" [prop1]="group.key" ... </my-component>

Оглядываясь назад, я знаю, что это очевидная ошибка, но я надеюсь, что ответ здесь избавит кого-то от головной боли, которая у меня сейчас есть.

У меня точно такая же проблема. вот как я исправил проблему. сначала, когда возникает ошибка, данные моего массива поступают из БД, как это -,

{brands: Array(5), _id: "5ae9455f7f7af749cb2d3740"} 

убедитесь, что ваши данные - МАССИВ, а не ОБЪЕКТ, содержащий массив. только массив выглядит так -,

(5) [{…}, {…}, {…}, {…}, {…}]

это решило мою проблему.

Чтобы перебрать объект, имеющий формат json, как показано ниже

{
  "mango": { "color": "orange", "taste": "sweet" }
  "lemon": { "color": "yellow", "taste": "sour" }
}

1. Присвойте его переменной

   let rawData = { "mang":{...}, "lemon": {...} }

2. Создайте пустой массив (ы) для хранения значений (или ключей)

   let dataValues = []; //For values

   let dataKeys = []; //For keys

3. Переберите ключи и добавьте значения (и ключи) к переменным

   for(let key in rawData) { //Pay attention to the 'in' dataValues.push(rawData[key]); dataKeys.push(key); }

4. Теперь у вас есть массив ключей и значений, которые вы можете использовать в * ngFor или в цикле for.

   for(let d of dataValues) { console.log("Data Values",d); }

   <tr *ngFor='let data of dataValues'> ..... </tr>

я столкнулся с той же проблемой

мой начальный json

{"items":

         [
           {"id":1,
            "Name":"test4"
           },
           {"id":2,
            "Name":"test1"
           }
         ]
}

я изменил свой json внутри []

[{"items":

         [
           {"id":1,
            "Name":"test4"
           },
           {"id":2,
            "Name":"test1"
           }
         ]
}]

Вы должны использовать асинхронный канал. Документ: https://angular.io/api/common/AsyncPipe.

Например:

<li *ngFor="let a of authorizationTypes | async"[value]="a.id">
     {{ a.name }}
</li>

this.requests=res здесь вы пытаетесь назначить объекту следующий ответ,

{"headers":{"normalizedNames":{},"lazyUpdate":null},"status":200,"statusText":"OK",
"url":"xyz","ok":true,"type":4,"body":[{}]}

Поскольку формат объекта отличается от формата ответа, вам необходимо присвоить res.body часть вашего ответа, чтобы получить необходимое содержимое.

<ul>
<li *ngFor = "let Data of allDataFromAws  | async">
  <pre> {{ Data | json}}</pre>
</li>
</ul>

используйте async для преобразования allDataFromAws в объект массива ....

Просто объявите var как массив, в котором вы храните данные, у меня это сработало.

listingdata:Array<any> = [];
this.listingdata = data.results.rows;

и зациклить данные листинга на странице html

Вот решение.

Когда вы получаете массив из своей базы данных. и вы храните данные массива внутри переменной, но переменная определена как объект. На этот раз вы получите ошибку.

Я получаю массив из базы данных и помещаю этот массив в переменную «bannerliders». Тип 'bannerliders' теперь 'любой', но если вы пишете 'bannerliders' - это объект. Как баннеры: any = {}. Итак, на этот раз вы храните данные массива внутри переменной типа объекта. Итак, вы нашли эту ошибку.

Таким образом, вы должны написать переменную, например, "bannerliders: any;" или 'bannerliders: any = []'.

Вот пример.

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
bannersliders:any;
  getallbanner(){
    this.bannerService.getallbanner().subscribe(data=>{
      this.bannersliders =data;
   })
  }

Если вы используете Spring boot с Angular; убедитесь, что если вы создаете по умолчанию

*********** РАЗБОР РЕЗУЛЬТАТА ДО ОБЪЕКТА JSON: JSON.prase (result.arrayOfObjects) ***********

Я зашел на эту страницу после того, как столкнулся с этой проблемой. Итак, моя проблема заключалась в том, что сервер отправляет массив объектов в виде строки. Это примерно так:

когда я напечатал результат на консоли после получения с сервера, это строка:

'arrayOfObject': '[
                  {'id': '123', 'designation': 'developer'},
                  {'id': '422', 'designation': 'lead'}
               ]'

Итак, я должен преобразовать эту строку в JSON после ее получения с сервера. Используйте метод для анализа строки результата, которую вы получаете от сервера:

JSON.parse(result.arrayOfObjects)