Show line number and file name using angular2-logger

Question

I'm using Angular2-logger inside my project.

import { Logger } from "angular2-logger/core";
...
logger: Logger;
...
logger.info('<log string>')

Output printed in console like image below

Is there any option in Angular2-logger or alternative class that I can use to show file name and line number of where I'm calling logger methods ? (same as console.log(...) like image bellow)

Is there any solution?

Answer 1

I figured out the solution by this way:

1- I created a LoggerService.

2- I imported the service to app.module.ts and use it as a provider.

3- LoggerService looks like something like this:

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);
        }
    }
}

Answer 2

I would recommend you not to use any logger libraries for two reasons

• when angular provides it by default.
• These libraries are not dependable with the version updates.

As we log the errors on the front end (i.e browser environment), You could make a custom logger service.

Regarding the issue you mentioned, you can switch off the logs by overwriting the service via usevalue with an empty class/function depending on environment that you need.