# Welcome to NGX-LOGS!
[](https://npmjs.org/package/ngx-logs)
[](https://badge.fury.io/js/ngx-logs)
[](https://www.jsdelivr.com/package/npm/ngx-logs)
[](https://snyk.io//advisor/npm-package/ngx-logs)
Console input / output strings or any message strings at browser console.
The **`console.log()`** method outputs a message to the web console. The message may be a single string (with optional substitution values), or it may be any one or more JavaScript objects.
A Web console is a tool which is mainly used to log information associated with a web page like: network requests, JavaScript, security errors, warnings, CSS etc. It enables us to interact with a web page by executing JavaScript expression in the contents of the page.
---
[
](https://www.beforepost.com/package/ngx/ngx-logs)
---
## Import
Import the module on your `app.module.ts` file as follow.
```
import { NgxLogsModule } from "ngx-logs";
```
Then import the module as follow on imports array
```
NgxLogsModule
```
## Using
After importing this library with `npm install ngx-logs`, go to the component which is declared under `app.module.ts` and integrate as below.
## NGX LOGS MODULE
```
constructor(private ngxLogs: NgxLogsService) { }
```
---
[
](https://www.beforepost.com/package/ngx/ngx-logs)
---
Use reference for logs service in constructor and import it respectively at any component
## Methods
This are the methods available with ngx-logs use it as per your requirement:
| | Method | Usage |
| ------------ | ----------------------------------------------------------- | ----------------------------------------------------------------------------------------------- |
| Directory | `this.ngxLogs.directory();` | Logs current page info with all require information's (URL, PATH etc.) |
| Clear | `this.ngxLogs.clear();` | Clears the entire console logs |
| Log | `this.ngxLogs.log('Log Message from NgxLogsService');` | Logs standard custom strings as console logs |
| Warn | `this.ngxLogs.warn('Warning Message from NgxLogsService');` | Logs Error message for custom strings as console logs |
| Info | `this.ngxLogs.info('Info Message from NgxLogsService')` | Same as console logs |
| Error | `this.ngxLogs.error('Error Message from NgxLogsService');` | Logs Error message for custom strings as console logs |
| Counter | `this.ngxLogs.counter('Value');` | Console logs for iterations with index value - Can be used with for , forin, foreach, do..while |
| Table / JSON | `this.ngxLogs.table(array)` | Displays array or JSON of array/dictionary input as a table in console |
---
[](https://www.beforepost.com/package/ngx/ngx-logs)
---