[AngularJS] Catching errors with $exceptionHandler

最新推荐文章于 2025-08-14 17:31:00 发布

weixin_30439067

最新推荐文章于 2025-08-14 17:31:00 发布

阅读量122

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Answer1215/p/4320681.html

本文介绍如何在AngularJS应用中使用$exceptionHandler服务来捕获和处理未预期的JavaScript错误。通过创建一个$exceptionHandler服务实例，可以将未捕获的异常记录到$rootScope.errors数组中并打印出来。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

The AngularJS $exceptionHandler service allows you to catch and handle unanticipated JavaScript errors in a meaningful way.

So when application is under building process, can create a $exceptionHandler service to log out the uncatch exception.

angular.module('app', [])
    .factory('$exceptionHandler', function ($injector) {
        return function (exception, cause) {
            var $rootScope = $injector.get('$rootScope');
            $rootScope.errors = $rootScope.errors || [];
            $rootScope.errors.push(exception.message);
            console.log($rootScope.errors);
        }
    })
    .run(function ($http) {

        function onSuccess (result) {
            console.log('hooray data!');
            console.log(result.data.length, 'repos found');
            result.count(); // This is no count() method on the result object.
        }

        function onFailure (info) {
            console.log('boo error :(');
            console.log(info);
        }

        $http.get('https://api.github.com/users/bclinkinbeard/repos')
            .then(onSuccess, onFailure); // We can catch $http return failure but there could be some uncatch failure in some place
    });