Question

我正在开发一个AngularJS应用程序。抛出错误时，我想对错误进行一些自定义处理。为此，我做了以下事情：

var myApp = angular.module('myApp', []);
myApp.factory('$exceptionHandler', function($rootScope) {
  return function(exception, cause) {
    try {
      console.log('Unhandled error happening in version ' + $rootScope.APP_VERSION);
      console.log('Error happened at ' + $rootScope.getFormattedDateTime());
    } catch (uex1) {
      console.log('Unable to log unhandled exception.');
    }
  };
});

myApp.run(function ($rootScope) {
  $rootScope.APP_VERSION = '1.0';
  $rootScope.getFormattedDateTime = function() {
    return '--';
  };
});

当我运行此代码时，我得到this error。我想我不能将$rootScope添加到工厂声明中。如果是这种情况，我如何定义全局可访问的函数和变量，以便我可以在我的控制器和工厂中访问它们？

非常感谢您提供的任何帮助。

Answer 1

你不能将$ routeScope注入工厂，这不是一个好主意但是

您可以做的最好的事情是定义一个新工厂，并将您的属性定义为这样的事实：

   app.factory('getAppInfoFactory',function(){
    return{
    getAppVersion:function(){
       return APP_VERSION = '1.0';
      },
    getFormattedDateTime : function() {
         return '--';
     }
 });

然后你可以随时随地使用这个工厂，如下所示：

  myApp.factory('$exceptionHandler', function(getAppInfoFactory) {
    return function(exception, cause) {
      try {
        console.log('Unhandled error happening in version ' + getAppInfoFactory.getAppVersion());
        console.log('Error happened at ' + getAppInfoFactory.getAppInfoFactory());
      } catch (uex1) {
        console.log('Unable to log unhandled exception.');
      }
    };
  });

Answer 2

这绝对是最干净的方法。您可以轻松地将$ filter替换为执行相同操作的服务，但是，我发现这种方法更清晰，因为它可以传递任意日期。

这是一个演示下面代码的plunkr （Plunkr还包括一些记录错误的奇特方法）： http://plnkr.co/edit/iPMFTJ

angular
  .module('app', [])
  .constant({ APP_VERSION: '1.0' })
  .config(function ($provide) {
    function exceptionHandler($delegate, $filter, $log, APP_VERSION) {
      return function handleException(exception, cause) {
        var formatDateTime = $filter('formatDateTime');
        try {
          $log.error('Unhandled error happening in version ' + APP_VERSION);
          $log.warn('Error happened at ' + formatDateTime(new Date()));
        } catch (uex1) {
          $log.info('Unable to log unhandled exception.');
        }
        // Include the line below if you want angular's default exception
        // handler to run as well
        // $delegate(exception, cause);

      };
    }
    $provide.decorator("$exceptionHandler", exceptionHandler);
  });

angular
  .module('app')
  .filter('formatDateTime', function formatDateTimeFilter($filter) {
    return function formatDateTime(date) {
      return $filter('date')(date, 'shortDate');
    };
  })
  .controller('ErrorCtrl', function () {
    throw new Error('testError');
  });

定义AngularJS工厂和控制器可访问的全局功能和属性

2 个答案: