Cannot find a differ supporting object ‘[object Object]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays

by

There you don’t need to use this.requests= when you are making get call(then requests will have observable subscription). You will get a response in observable success so setting requests value in success make sense(which you are already doing).

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

If it still shows an error related to type, add any/RelevantModel type on subscribe parameter object.

this._http.getRequest().subscribe(
  (res: any[]) => this.requests =res
);

Basically, *ngFor works for only iterable items like arrays. If you assign this.requests to have an object value, and you’re trying to use *ngfor it will return this error.

For example, when you declare array like this.myArray = {} this problem will occur. It should be this.myArray = [].

More Related Contents:

  1. Dynamic tabs with user-click chosen components
  2. What is the equivalent of ngShow and ngHide in Angular 2+?
  3. How can I use “*ngIf else”?
  4. Dynamic template reference variable inside ngFor (Angular 9)
  5. Best method to set different layout for different pages in angular 4
  6. Get reference to a directive used in a component
  7. Can I get today’s date plus one month in moment js? [duplicate]
  8. angular-cli server – how to proxy API requests to another server?
  9. How and where to use ::ng-deep?
  10. Changing the page title using the Angular 2 new router [duplicate]
  11. How do I support Internet Explorer in an Angular 8 application?
  12. Passing data into “router-outlet” child components
  13. How to decrease prod bundle size?
  14. Dynamic routing based on external data
  15. @firebase/firestore: Firestore (5.0.4): Could not reach Cloud Firestore backend. Backend didn’t respond within 10 seconds
  16. Is Angular 2’s Router broken when using HTML5 routes? [duplicate]
  17. Angular2 router.navigate refresh page
  18. Angular 6 – Could not find module “@angular-devkit/build-angular”
  19. What are all the valid selectors for ViewChild and ContentChild?
  20. No methods in http response object
  21. Redirect to a different component inside @CanActivate in Angular2
  22. Angular 2 – Services consuming others services before call a method
  23. What is the difference between ActivatedRoute and ActivatedRouteSnapshot in Angular4
  24. ERROR in TypeError: Cannot read property ‘flags’ of undefined
  25. How to get Angular2 to bind component in innerHTML
  26. Want to prevent Component recreation while routing in Angular 2
  27. How to create and download text/Json File with dynamic content using angular 2+
  28. Angular4 Load external html page in a div
  29. angular2: http post not executing
  30. How to use angular2 built-in date pipe in services and directives script files [duplicate]

Leave a Comment