Question

如何使Angular为其日志添加时间戳和类名？

这样的事情：

$log.info('this log entry came from FooBar');

“ 9:37:18 pm，FooBar：这个日志条目来自FooBar ”

我在网络上发现的例子要么不清楚，要么结合很多其他东西（比如requirejs）。我确实找到了一些进入Angular装饰器的例子，但我想知道是否有更简单的方法。

Answer 1

16-05-2015 ：此代码已变为名为angular-logger的GitHub项目。下面显示的代码已经过时了。

你没有拥有来使用装饰器。你可以用一些基本的javascript来欺骗Angular的$ log：

app.run(['$log', function($log) {
    $log.getInstance = function(context) {
        return {
            log   : enhanceLogging($log.log, context),
            info  : enhanceLogging($log.info, context),
            warn  : enhanceLogging($log.warn, context),
            debug : enhanceLogging($log.debug, context),
            error : enhanceLogging($log.error, context)
        };
    };

    function enhanceLogging(loggingFunc, context) {
        return function() {
            var modifiedArguments = [].slice.call(arguments);
            modifiedArguments[0] = [moment().format("dddd h:mm:ss a") + '::[' + context + ']> '] + modifiedArguments[0];
            loggingFunc.apply(null, modifiedArguments);
        };
    }
}]);

用法：

var logger = $log.getInstance('Awesome');
logger.info("This is awesome!");

输出：

星期一9:37:18 pm :: [Awesome]＆gt;这真棒！

我使用Moment.js进行时间戳格式化。此示例使用Angular的module run block支持在其他任何开始运行之前配置应用程序。

对于更优雅和可配置的解决方案，这里是相同的日志增强器，但作为可配置的提供商：

angular.module('app').provider('logEnhancer', function() {
    this.loggingPattern = '%s - %s: ';

    this.$get = function() {
        var loggingPattern = this.loggingPattern;
        return {
            enhanceAngularLog : function($log) {
                $log.getInstance = function(context) {
                    return {
                        log : enhanceLogging($log.log, context, loggingPattern),
                        info    : enhanceLogging($log.info, context, loggingPattern),
                        warn    : enhanceLogging($log.warn, context, loggingPattern),
                        debug   : enhanceLogging($log.debug, context, loggingPattern),
                        error   : enhanceLogging($log.error, context, loggingPattern)
                    };
                };

                function enhanceLogging(loggingFunc, context, loggingPattern) {
                    return function() {
                        var modifiedArguments = [].slice.call(arguments);
                        modifiedArguments[0] = [ sprintf(loggingPattern, moment().format("dddd h:mm:ss a"), context) ] + modifiedArguments[0];
                        loggingFunc.apply(null, modifiedArguments);
                    };
                }
            }
        };
    };
});

使用和配置它：

var app = angular.module('app', []);

app.config(['logEnhancerProvider', function(logEnhancerProvider) {
    logEnhancerProvider.loggingPattern = '%s::[%s]> ';
}]);

app.run(['$log', 'logEnhancer', function($log, logEnhancer) {
    logEnhancer.enhanceAngularLog($log);
}]);

如何使用时间戳和类名增强Angular的$ log？

1 个答案: