Angular 2 - How to map results into array

Question

I am using the below to try and convert an array with many columns into an array with 2 columns.

I can see when I do a quick watch that res contains an array called result, but i it is not mapping into the new array.

loadData() {
    this.selectprojectfromfavoritesService.getFavorites()
        .subscribe(res => {
            //this.TempArray.push({ label: res.result.projectNumber,   value: res.result.tzeroprojectCaptureId })
            const TempArray = res.result.map(result => { return { label: result.projectNumber, value: result.tzeroprojectCaptureId }; });
            this.values = this.TempArray ; 
        });

Off-site pictures really don't help. please supply the actual data directly in your question. — GreyBeardedGeek
– GreyBeardedGeek, Commented Mar 8, 2018 at 22:06

Mateusz Witkowski · Accepted Answer · 2018-03-08 22:29:44Z

1

You've made a mistake while getting access to TempArray value. It's block scoped variable (no class property) so you shouldn't use this keyword. Here's working example:

loadData() {
  this.selectprojectfromfavoritesService.getFavorites()
    .subscribe(res => {
      const TempArray = res.result.map(result => { return { label: result.projectNumber, value: result.tzeroprojectCaptureId }; });
      this.values = TempArray;
    });
}

BTW: it would much better (regarding data-flow management and optimization) if you'd use RxJS map operator to achieve this:

loadData() {
  this.selectprojectfromfavoritesService.getFavorites()
    .map(res => {
      return res.result.map(result => {
        return { label: result.projectNumber, value: result.tzeroprojectCaptureId };
      })
    })
    .subscribe(data => this.values = data)
}

edited Mar 8, 2018 at 22:29

answered Mar 8, 2018 at 22:23

Mateusz Witkowski

1,74611 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

Angular 2 - How to map results into array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related