Bagaimanakah Saya Boleh Memulakan Perkhidmatan AngularJS dengan Data Asynchronous dengan Betul?

AngularJS: Memulakan Perkhidmatan dengan Data Asynchronous

Data tak segerak boleh memperkenalkan cabaran dalam memulakan perkhidmatan AngularJS. Mari kita terokai isu dan penyelesaian yang tersedia.

Masalahnya

Memulakan perkhidmatan dengan data tak segerak memerlukan pengendalian fakta bahawa data mungkin tidak tersedia apabila perkhidmatan itu pada mulanya dicipta.

Penyelesaian Pilihan

1. Sediakan Perkhidmatan dengan "run"

Kaedah ini melibatkan pemulaan data perkhidmatan dalam fasa larian apl. Walaupun ia secara amnya berfungsi, ia boleh membawa kepada pengecualian penuding nol jika pengambilan data mengambil masa lebih lama daripada permulaan.

2. Gunakan Promise Objects

Pendekatan ini memanfaatkan Promises untuk mengendalikan sifat tak segerak bagi pengambilan data. Walau bagaimanapun, ia memerlukan mengurus Janji dan menggunakan rantaian .then() untuk berinteraksi dengan perkhidmatan.

3. Manual Bootstrap

Kaedah ini memulakan data perkhidmatan selepas dokumen sedia tetapi sebelum apl bootstrap. Walau bagaimanapun, pemasaan menjadi penting untuk mengelakkan pengecualian penuding nol jika pengambilan data mengambil masa yang panjang.

4. $routeProvider.when('/path',{ resolve:{...

Penyelesaian ini menawarkan pendekatan yang lebih bersih menggunakan resolve with Promises. Dengan mentakrifkan janji perkhidmatan, konfigurasi laluan menyelesaikannya sebelum membuat seketika yang berkaitan pengawal.

Contoh

app.config(function($routeProvider){
  $routeProvider
    .when('/',{controller:'MainCtrl',
    template:'<div>From MyService:<pre class="brush:php;toolbar:false">{{data | json}}