Angular 在 ngOnInit 上分配 Oberservable

Question

I've got the following code:

ngOnInit() {
    this.invoiceService.getIncorrectInvoices().subscribe(data => {
      this.incorrectInvoices = data;
      this.dataSource.data = this.incorrectInvoices
      console.log(this.incorrectInvoices);
    });
    console.log(this.incorrectInvoices);
  }

The problem is that console.log(this.incorrectInvoices); only gives the expected result on the first console.log which is executed second.

I understand that this is because it is a async call, but how can I make sure that this.incorrectInvoices gets assigned with the data returned by the http call on ngOnInit()?

Answer 1

this.incorrectInvoices does get assigned with the correct data.

You just cannot log it before it is resolved.

One way to see it contains the data you need (besides debugging) would be to bind the property in the HTML template.