ngrx / Store Log Monitor
Licence: mit
Log Monitor for @ngrx/store-devtools and Angular
Stars: ✭ 66
Programming Languages
typescript
32286 projects
@ngrx/store-log-monitor
Port of redux-devtools-log-monitor for Angular 2 and @ngrx/store-devtools
Setup
Install @ngrx/store-log-monitor from npm
npm install @ngrx/store-log-monitor --save
Configure the monitor when instrumenting store
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { StoreLogMonitorModule, useLogMonitor } from '@ngrx/store-log-monitor';
export function instrumentOptions() {
return {
monitor: useLogMonitor({ visible: true, position: 'right' })
};
}
@NgModule({
imports: [
StoreDevtoolsModule.instrumentStore(instrumentOptions),
StoreLogMonitorModule
]
})
export class AppModule { }
Use the StoreLogMonitor component in your app
@Component({
selector: 'app',
template: `
<ngrx-store-log-monitor toggleCommand="ctrl-h" positionCommand="ctrl-m"></ngrx-store-log-monitor>
`
})
export class AppComponent { }
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].