Typescript: Iterate over Array doesn't work?

Question

In my source code, i recieve from a http.get call some data. When i try to write the status of each 'formular' in the console, nothing happens. Where is my mistake?

fillTable(): void {
console.log('fillTable');
this.formulare = [];
if (this.ansichtAuswahl === this.ansichten.ALLE) {
  this.formularService.getAll().subscribe(formular =>
      this.formulare = formular,
    error => console.log(error));
} else {
  this.formularService.getMy().subscribe(formular =>
      this.formulare = formular,
    error => console.log(error));
}
this.formulare.forEach( (element) => {console.log(element.status); });
this.filterStatus();}

The formular array is filled, because the table on the website is filled too, but there is no console output.

Your http calls are async meaning the code after the calls will continue executing before the calls finishes — sinanspd
– sinanspd, Commented Apr 23, 2020 at 9:59
the solution is put the forEach INSIDE each subscribe function (yes, you need repeat the instructions -or make an auxiliar function with the two instructions and call it INSIDE the two subscribe-) — Eliseo
– Eliseo, Commented Apr 23, 2020 at 10:46

Marius Orha · Accepted Answer · 2020-04-23 09:59:08Z

1

Move the forEach in subscribe block, because when you iterate through the elements, the http request is still in progress. The observables are asynchronous:

  fillTable(): void {
    console.log('fillTable');
    this.formulare = [];
    if (this.ansichtAuswahl === this.ansichten.ALLE) {
      this.formularService.getAll().subscribe(formular =>
        {
          this.formulare = formular;
          this.formulare.forEach( (element) => {console.log(element.status); });
          this.filterStatus();
        },
        error => console.log(error));
    } else {
      this.formularService.getMy().subscribe(formular =>
        {
          this.formulare = formular;
          this.formulare.forEach( (element) => {console.log(element.status); });
          this.filterStatus();
        },
        error => console.log(error));
    }
  }

edited Apr 23, 2020 at 9:59

answered Apr 23, 2020 at 9:57

Marius Orha

6701 gold badge9 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Christopher Feldhues Over a year ago

Can you give me an example?

Collectives™ on Stack Overflow

Typescript: Iterate over Array doesn't work?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related