Responding To Idle Users in Angular Applications | ng2-idle

ng2-idle is a responding module for idle users in angular applications. This is a rewrite of the ng-idle module; However, if you are using Angular 1, you should use this module.

Angular community needs you! I am looking for a new developer or team to take over the maintenance of this module. These are the responsibilities that any interested candidates should consider:

  • Now: Complete the beta process (the main thing left is to make it SSR compliant)
  • Now: Update the demo and add the API documentation
  • In progress: bug fixes
  • Ongoing: New releases for new releases of Angular
  • Later: Refactor to simplify the API and reduce package size
  • Later: Want to add support for non-browser environments?

Ideally, the candidate:

  • Has experience building applications in Angular 5+
  • It is an active Angular developer and is tuned according to the Angular release schedule
  • Loves the open-source and Angular community
  • Committed to releasing modular and lightweight packages (as much as possible)
  • Has a working understanding of DOM events, JavaScript timings and periods, Web Storage API, and cookies
  • Understands testing with karma and jasmine, and adheres to a high rate of code coverage
  • Has a working understanding of the contributing directory, is willing to accept contributions from others, and can use GitHub and related tools effectively
  • Has time to sort tickets and respond to them, or delegate to others
  • Has a basic understanding of NPM to release packages

How to make use of it:

1. Create a new project with ng new.

ng new my-idle-app
cd my-idle-app

2. Use the ng extension to install the dependency for your app.

ng add @ng-idle/core
    # Optional
    ng add @ng-idle/keepalive

3. NgIdleKeepaliveModule provides a default instance of Idle and Keepalive for your module.

import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http'; // omit if not using keepalive
import { BrowserModule } from '@angular/platform-browser';
import { NgIdleKeepaliveModule } from '@ng-idle/keepalive'; // use import {NgIdleModule} from '@ng-idle/core'; if not using keepalive

import { AppComponent } from './app.component';

  declarations: [
  imports: [
    NgIdleKeepaliveModule.forRoot() // use NgIdleModule.forRoot() if not using keepalive
  providers: [],
  bootstrap: [AppComponent]
export class AppModule { }

user idle detector for angular, ng2-idle Plugin/Github

See Demo And Download

Official Website(moribvndvs): Click Here

This superior jQuery/javascript plugin is developed by moribvndvs. For extra advanced usage, please go to the official website.