Angular 2 :Uncaught (in promise): RangeError: Maximum call stack size exceeded RangeError: Maximum call stack size exceeded

Question

I just begin working with angular 2. so I try to display categories from data base using web service.

this is my forum.service.ts file

   public getCategories(){
        return this.http.get('http://localhost/ForumLaraAngular/public/api/forum').map((res: Response) => res.json());

     }

forum.component.ts:

categories:any;

  constructor(private forumService:ForumService) { }

  ngOnInit(): void {

    this.forumService.getCategories().subscribe((data)=>{this.categories=data;})

}

forum.component.html:

<categories>
<ul>
<li *ngFor="let categ of categories"> {{categ.titre}}</li>
</ul>

</categories>

Any help please,thanks in advance

what are you trying to fetch? Could it be a very long (too long) array? https://stackoverflow.com/questions/22123769/rangeerror-maximum-call-stack-size-exceeded-why — Gili Yaniv, Aug 16 '17 at 07:54
To support the comment above, try to return a small array from the service and test if it is it — Vega, Aug 16 '17 at 07:55
@TheUnreal Finally it's working after removing thanks a lot :) — Sara, Aug 16 '17 at 08:50

score -1 · Accepted Answer · answered Aug 16 '17 at 11:30

-1

Write following lines of code out of selector

<ul>
<li *ngFor="let categ of categories"> {{categ.titre}}</li>
</ul>

answered Aug 16 '17 at 11:30

Rohan Fating

2,135
15
24

Angular 2 :Uncaught (in promise): RangeError: Maximum call stack size exceeded RangeError: Maximum call stack size exceeded

1 Answers1