Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用angular2-logger显示行号和文件名大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的项目中使用 Angular2-logger.
import { Logger } from "angular2-logger/core";
...
logger: Logger;
...
logger.info('<log String>')

输出打印在控制台中,如下图所示

Angular2-logger或替代类中是否有任何选项可用于显示调用logger方法文件名和行号? (与图像波纹管一样的console.log(…)相同)

有什么解决方案吗?

我通过这种方式找到了解决方案:

1-我创建了一个Loggerservice.

2-我将服务导入app.module.ts并将其用作提供者.

3- Loggerservice看起来像这样

import { Injectable } from '@angular/core';

@Injectable()
export class Loggerservice {
    public error(messagE) {
        try { throw new Error(); } catch (E) {
            console.log(e.stack);
            const stackTraces = e.stack.split('at');
            const fileList = stackTraces[2].substr(
                stackTraces[2].lasTindexOf('/src'),stackTraces[2].length - 1 ).replace(')',''
            );
            const functionName = stackTraces[2].substr(0,stackTraces[2].indexOf('(') - 1);

            // Do whatever you want,use console.log or angular2-logger service
            console.log(messagE);
        }
    }
}

大佬总结

以上是大佬教程为你收集整理的使用angular2-logger显示行号和文件名全部内容,希望文章能够帮你解决使用angular2-logger显示行号和文件名所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。