非同期データを使用して AngularJS サービスを適切に初期化するにはどうすればよいですか?

AngularJS: 非同期データによるサービスの初期化

非同期データにより、AngularJS サービスの初期化に課題が生じる可能性があります。問題と利用可能な解決策を見てみましょう。

問題

非同期データを使用してサービスを初期化するには、サービスの初期化時にデータが利用できない可能性があるという事実に対処する必要があります。作成されました。

ソリューションオプション

1. 「run」によるサービスのセットアップ

このメソッドには、アプリの実行フェーズでサービス データを初期化することが含まれます。通常は機能しますが、データの取得に初期化よりも時間がかかる場合は、null ポインター例外が発生する可能性があります。

2. Promise オブジェクトを使用する

このアプローチでは、Promise を利用してデータ取得の非同期の性質を処理します。ただし、Promise を管理し、.then() チェーンを使用してサービスと対話する必要があります。

3.手動ブートストラップ

このメソッドは、ドキュメントの準備ができた後、アプリがブートストラップする前にサービス データを初期化します。ただし、データの取得に長時間かかる場合は、ヌル ポインター例外を回避するためのタイミングが重要になります。

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

このソリューションは、Promises での解決を使用したよりクリーンなアプローチを提供します。サービス Promise を定義することにより、ルート設定はインスタンス化する前にそれを解決します。関連するcontroller.

例

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