Bagaimanakah Saya Mengendalikan Respons Tak Segerak daripada Boleh Diperhatikan dalam Sudut?

Bagaimanakah cara saya mengembalikan respons daripada panggilan Observable/http/async dalam sudut?

Masalah:

Mendapatkan semula data daripada pelayan dalam Angular menggunakan Observable boleh menghasilkan nilai awal yang tidak ditentukan jika cuba serta-merta.

Perkhidmatan:

@Injectable()
export class EventService {
  ...
  getEventList(): Observable<any> {
    ...
    return this.http.get(...).map(...).catch(...);
  }
}

Komponen:

export class EventComponent {
  myEvents: any;
  ngOnInit() {
    this.es.getEventList().subscribe((response) => {
      this.myEvents = response;
    });
    console.log(this.myEvents); // Initially undefined
  }
}

Sebab:

Permintaan HTTP adalah tak segerak, bermakna console.log( baris ini.myEvents) dilaksanakan sebelum respons tiba.

Penyelesaian:

Kendalikan respons hanya selepas ia tiba dengan menggunakan panggilan balik langgan.

ngOnInit() {
  this.es.getEventList().subscribe((response) => {
    this.myEvents = response;
    console.log(this.myEvents); // Not undefined
  });
}

Pertimbangan:

• Lakukan semua operasi dalam panggilan balik langgan apabila data tiba.
• Kenali async itu operasi menghalang pembekuan antara muka semasa menunggu respons.
• Pendekatan ini serupa dengan panggilan balik ketika itu dalam pengaturcaraan tak segerak berasaskan Promise.

Atas ialah kandungan terperinci Bagaimanakah Saya Mengendalikan Respons Tak Segerak daripada Boleh Diperhatikan dalam Sudut?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!