2017-02-15 2 views
0

平均スタックでアプリケーションを開発しました。何千ものデータをmongodbに挿入するなどの余分な時間がかかりました。ノードアプリケーションがクラッシュしたときのフロントエンド(角)の表示方法

いつかクラッシュし、アプリケーションのUIが途中でぶら下がっていました。

これを克服して、アプリがクラッシュしたときにユーザーにエラーメッセージを表示する方法はありますか。以下は

は、いくつかのコードの例である: -

Upload.upload({ 
     url: '/api/uploadarchive', 
     data: {file: file} 
    }).then(function (resp) { 
     $scope.progress = false; 
     console.log('Success '); 
    }, function (resp) { 
     console.log('Error status: ' + resp.status); 
    }, function (evt) { 
     var progressPercentage = parseInt(100.0 * evt.loaded/evt.total); 
     //console.log('progress: ' + progressPercentage + '% ' + evt.config.data.file.name); 
     console.log('progress: ' + progressPercentage + '% '); 
    }); 

答えて

3

私は$http​​を使用してお勧めします。インターセプタは、エラーを汎用的に処理するのに役立ちます。そのため、リクエストごとにエラーコールバックを個別に使用する必要はありません。

yourAppModule.factory('myHttpInterceptor', function($q, $state, dependency2) { 
    return { 
    'responseError': function(rejection) { 
     var status = rejection.status; 
     if (status === 404) { 
      $state.go('errorPage'); 
     } 
     return $q.reject(rejection); 
    } 
    }; 
}); 

をして、登録します。

あなたのインターセプタで工場を定義します。すべての要求の応答ステータスが404と、このような場合にはエラーページにリダイレクトしている場合たとえば、あなたは確認することresponseErrorインターセプターを使用することができますそれはあなたのアプリケーションconfig内側:

$httpProvider.interceptors.push('myHttpInterceptor'); 
+0

は少しのコード例では、素晴らしいことだ – Shaharyar

+0

上記のコードは実際にはng-file selectのものですから、on promisesオブジェクトを使用します。しかし、私はあなたの迎撃の考えを得ます。ありがとうございました。 – sarabs3

関連する問題