https://github.com/christophhu/ngx-debug-mode
The ngx-debug-mode repostory is a demo application of the ngx-debug-mode library. The library adds a simple toggle-component. So you can switch to hide or show all elements in your application.
https://github.com/christophhu/ngx-debug-mode
angular debug debugmode demo localstorage ngx
Last synced: 4 months ago
JSON representation
The ngx-debug-mode repostory is a demo application of the ngx-debug-mode library. The library adds a simple toggle-component. So you can switch to hide or show all elements in your application.
- Host: GitHub
- URL: https://github.com/christophhu/ngx-debug-mode
- Owner: ChristophHu
- License: mit
- Created: 2022-11-18T08:08:26.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-07-28T16:09:48.000Z (10 months ago)
- Last Synced: 2025-09-18T09:39:58.271Z (8 months ago)
- Topics: angular, debug, debugmode, demo, localstorage, ngx
- Language: Sass
- Homepage: https://christophhu.github.io/ngx-debug-mode
- Size: 511 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Ngx-Debug-Mode
## Frameworks and Languages
## Demo
## Description
This Repository contains a simple Angular library for toggling the debug mode. It is designed to be easy to use and integrate into any Angular application.
It uses the `localStorage`-API to save the user's preference for debug mode, so that the setting persists across page reloads. The library is easy to use and can be installed via [npm](https://www.npmjs.com/package/@christophhu/ngx-debug-mode).
## Installation
```bash
npm i @christophhu/ngx-debug-mode
```
## Use
### With default toggle
```html
```
### With custom toggle
```html
```
```typescript
import { DebugModeService, DebugModeComponent } from "@christophhu/ngx-debug-mode";
@Component({
...
imports: [
DebugModeComponent
],
providers: [
DebugModeService
]
})
export class TestComponent {
constructor(private _debugModeService: DebugModeService) {}
toggleDebug() {
this._debugModeService.toggleDebug()
}
getDebug(): Observable {
return this._debugModeService.debug$
}
}
```