使用angular2-logger显示行号和文件名

前端之家收集整理的这篇文章主要介绍了使用angular2-logger显示行号和文件名前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的项目中使用 Angular2-logger.
  1. import { Logger } from "angular2-logger/core";
  2. ...
  3. logger: Logger;
  4. ...
  5. logger.info('<log string>')

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

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

有什么解决方案吗?

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

1-我创建了一个LoggerService.

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

3- LoggerService看起来像这样:

  1. import { Injectable } from '@angular/core';
  2.  
  3. @Injectable()
  4. export class LoggerService {
  5. public error(message) {
  6. try { throw new Error(); } catch (e) {
  7. console.log(e.stack);
  8. const stackTraces = e.stack.split('at');
  9. const fileList = stackTraces[2].substr(
  10. stackTraces[2].lastIndexOf('/src'),stackTraces[2].length - 1 ).replace(')',''
  11. );
  12. const functionName = stackTraces[2].substr(0,stackTraces[2].indexOf('(') - 1);
  13.  
  14. // Do whatever you want,use console.log or angular2-logger service
  15. console.log(message);
  16. }
  17. }
  18. }

猜你在找的Angularjs相关文章