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.

The 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

Must Read: How to Detect User Inactivity Using Javascript | Idle Tracker

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 { }

See Also –

User’s Idle Service for Angular 6 | angular-user-idle
Simplest and Effective jQuery Idle (Inactivity) Plugin | jquery.inactivity
Animated Page Scrolling To Specific ID Within Document With jQuery

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.

Related Posts


Interactive Data Table Generator with JS/jQuery and JSON | Tabulator

Tabulator allows you to create interactive tables in seconds from any HTML Table, JavaScript array, AJAX data source, or JSON format data. Just include the library in your…


Simple Alert, Confirm, Prompt Popup Using Vanilla JavaScript Library | attention.js

JavaScript provides various built-in functionality to display popup messages for different purposes. Attention JS is a vanillaJS plugin used to create a custom alert, confirm, or Prompt…


Lightweight Bootstrap 4 Toast Notification Plugin | BS4 Advanced Toast

A lightweight Bootstrap 4 Toast Notification plugin integrated with JS/jQuery. bs4-toast.js is a JavaScript library that enhances the native Bootstrap toast component with icons, buttons, callbacks, and…


How to Create Audio Visualizations with JavaScript | Wave.js

Audio Visualizer Library – wave.js is a vanilla javascript audio visualization library that provides 20+ creative audio visualization effects to bring more engagement to your visitor. Contribute…


Modern Mobile Touch Slider With Acceleration Transitions | Swiper

Swiper is the most modern free mobile touch slider with accelerated device transitions and amazing original behavior. It is intended for use in mobile websites, mobile web…


Confetti Falling Animation Effect In JavaScript | party.js

Party.js is a JavaScript library to brighten user site experience with visual effects! Celebrate success with dom confetti! The library is written in TypeScript and compiled into…

Leave a Reply

Your email address will not be published. Required fields are marked *