AngularJS: $scope.$apply() を呼び出すときにエラー $digest がすでに進行中になるのを防ぐ 質問する

AngularJS: $scope.$apply() を呼び出すときにエラー $digest がすでに進行中になるのを防ぐ 質問する

Angular でアプリケーションを構築して以来、自分のスコープに合わせてページを手動で更新する必要があることがますます増えています。

$apply()私が知っている唯一の方法は、コントローラとディレクティブのスコープから呼び出すことです。これの問題は、コンソールに次のようなエラーが繰り返し表示されることです。

エラー: $digest はすでに進行中です

このエラーを回避する方法、または同じことを別の方法で実現する方法を知っている人はいますか?

ベストアンサー1

Angularの人たちとこの件について最近議論したところによると、将来を見据えて、$$phase

「正しい」やり方を問われると、答えは今のところ

$timeout(function() {
  // anything you want can go here and will safely be run on the next digest.
})

私は最近、程度の差はあれコールバックが渡される Facebook、Google、Twitter API をラップする Angular サービスを作成しているときに、この問題に遭遇しました。

以下はサービス内の例です。(簡潔にするために、変数の設定や $timeout の挿入など、サービスの残りの部分は省略しています。)

window.gapi.client.load('oauth2', 'v2', function() {
    var request = window.gapi.client.oauth2.userinfo.get();
    request.execute(function(response) {
        // This happens outside of angular land, so wrap it in a timeout 
        // with an implied apply and blammo, we're in action.
        $timeout(function() {
            if(typeof(response['error']) !== 'undefined'){
                // If the google api sent us an error, reject the promise.
                deferred.reject(response);
            }else{
                // Resolve the promise with the whole response if ok.
                deferred.resolve(response);
            }
        });
    });
});

$timeoutの遅延引数はオプションであり、設定されていない場合はデフォルトで0になることに注意してください($タイムアウト通話$ブラウザ.遅延どれの遅延が設定されていない場合はデフォルトで0になります

少し直感的ではありませんが、それが Angular を書いている人たちの答えなので、私にとっては十分です。

おすすめ記事