Angular Convert POST request data to array-CodePudding

Hello so i have a post request that sends some data to a NodeJS app and then that returns an array. My problem is that i cant turn the data i receive as a response from the POST request to an array. My Angular is set up like this:

newWord = '';
  keyword = '';

  onClick() {
    const headers = new HttpHeaders()
      .set('Authorization', 'my-auth-token')
      .set('Content-Type', 'application/json');

    this.http.post('http://localhost:3000/search',
      { keyword: this.keyword },
      {
        headers: headers
      })
      .subscribe((data) => {
        console.log(data);
      })
  }
}

The data inside the node app looks like this:

I want to get this data in angular as an array so i can itterate through it or do anything else with the fields. Any help would be appreciated!

CodePudding user response：

Provide the type to the http request. Otherwise angular expects any, which is not necessarily an array. That is where the error comes from.

 this.http.post<{ id: string, text: string }[]>('http://localhost:3000/search',
      { keyword: this.keyword },
      {
        headers: headers
      })
      .subscribe((data) => {
        console.log(data);
      })