TypeScript Store Parse Query result

Question

I have following code

export class AppComponent implements OnInit {
  public guests: any[] = [];


  constructor(private apiService: ApiService) {

  }

  ngOnInit(): void {
    this.apiService.getAllGuestsQuery().find({
      success(results) {
        for (let i = 0; i < results.length; i++) {
          const object = results[i];
          console.log(object.get('companyName'));
        }
      },
      error(error) {
        console.log("Error: " + error.code + " " + error.message);
      }
    });
  }
}

The getAllGuestsQuery returns a Parse.Query object. I would like to store the result in my guests array. E.g. do something like this.quests = results But I cannot access this.guests class variable inside the success method.

How can I do that?

vfioox · Accepted Answer · 2017-11-06 14:49:25Z

1

export class AppComponent implements OnInit {
  public guests: any[] = [];


  constructor(private apiService: ApiService) {

  }

  ngOnInit(): void {
    let vm = this;
    this.apiService.getAllGuestsQuery().find({
        func(r){ vm.guests } // will be available
    });
  }
}

This is caused because when you pass the {} construct to the find() function a new scope is being created there. If you used the ES6 arrow syntax you could make this better(but a hassle for me to write, you'd have to handle the errors in a totally different manner, preferably promises)

answered Nov 6, 2017 at 14:49

vfioox

7381 gold badge8 silver badges22 bronze badges

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

Comments

Greg · Accepted Answer · 2017-11-06 14:43:37Z

0

You could try passing a reference to this in a separate variable at the beginning of your ngOnInit() method. Something like let that = this;. Refer to this (class instance) via that later on in your callback.

answered Nov 6, 2017 at 14:43

Greg

1,9512 gold badges20 silver badges21 bronze badges

Collectives™ on Stack Overflow

TypeScript Store Parse Query result

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related