ng-busy - An AngularJS module for reacting to when your app is busy.

  •        198

An AngularJS module for reacting to when your app is busy. You may wish for a simple way of letting your parts of your UI know the app is doing something. A simple example is a submit button that lets the user know their request is being processed, and for it to be disabled until the request is complete so they don't submit twice. This module can help. You can go here for a demo.

http://hackedbychinese.github.io/ng-busy
https://github.com/HackedByChinese/ng-busy

Tags
Implementation
License
Platform

   




Related Projects

angular-busy - Show busy/loading indicators on any element during $http requests (or any promise).

  •    CSS

Show busy/loading indicators on any $http or $resource request, or on any promise.Install with Bower, npm, yarn, or download the files directly from the dist folder in the repo.

AngularJS-StyleGuide - Example of scalable architecture for my NG-Conf 2014 talk

  •    Javascript

The project demonstrates ways to leverage ui-router to the greatest of it's abilities, how to keep your controllers down to 1 line of code, how to organize your services in a completely simplified manner, and how to leverage resolves like a god. Keeping your application down to a tiny handful of directives. Avoid the nightmare of lifecycle, transition, and session/stateful bugs. How to keep your $scope clean and tidy. It doesn't require using controller as and it doesn't turn everything into directives. Write your code to be angular-agnostic. Use the router to manage state, sessions and collections allowing you to avoid the problems addressed with complicated flux architectures. Sharing references means no more watchers and subscribers strewn across your app.In today's code, it's sensible keep modules together and small. HTML, JS and CSS are closely tied together, so we should organize projects that way.

ng-notify - A simple, lightweight module for displaying notifications in your AngularJS app.

  •    Javascript

A simple, lightweight module for displaying notifications in your AngularJS app.Both JS and CSS files combine for ~5.5 kBs.

ng-material-floating-button - Material design floating menu with action buttons implemented as an Angularjs directive

  •    Javascript

Material design floating action button implemented as an Angularjs directive. Shamelessly inspired by action buttons from Google Inbox, Evernote and Path. Made to be fast and easy to customise. It works out of the box with no other dependency apart from Angular, but plays nicely with the Angular Material bundle, for which it has dedicated templates.


ng-bootstrap - Angular powered Bootstrap

  •    TypeScript

Welcome to the Angular version of the Angular UI Bootstrap library. This library is being built from scratch by the ui-bootstrap team. We are using TypeScript and targeting the Bootstrap 4 CSS framework. As with Bootstrap 4, this library is a work in progress. Please check out our list of issues to see all the things we are implementing. Feel free to make comments there.

ui-grid - UI Grid: an Angular Data Grid

  •    Javascript

Head to http://ui-grid.info for documentation and tutorials. Join https://gitter.im/angular-ui/ui-grid to discuss development and ask for specific help.Need Some Inspiration? Have a look at our open PRs Plz! issues.

ng-idle - Responding to idle users in AngularJS applications.

  •    Javascript

Angular 2 Developers: This module is for Angular 1 only. Check out ng2-idle for the Angular 2 version. You may wish to detect idle users and respond, for example, to log them out so their sensitive data is protected, or taunt them, or whatever. I don't care.

bindonce - Zero watches binding for AngularJs

  •    Javascript

Here is an example of how AngularJs can freeze your UI, try to press and hold a key inside the input field, when the table is filled with only 1 person everything is ok, you can see how the DOM is updated by the input in real time, however if you try to load 1000 person (or even 500 if the testing device is not powerfull) and repeat the experiment you can see how the UI is frozen. In this other demo BindOnce will take care of your watchers and the UI will be reactive as it should be. The code is the same for both demos, the only difference is that I replaced any ng-* tag inside the table with the equivalent bo-* tag. AngularJs provides a great data binding system but if you abuse of it the page can run into some performance issues, it's known that more of 2000 watchers can lag the UI and that amount can be reached easily if you don't pay attention to the data-binding. Sometime you really need to bind your data using watchers, especially for SPA because the data are updated in real time, but often you can avoid it with some efforts, most of the data presented in your page, once rendered, are immutable so you shouldn't keep watching them for changes.

ngDraggable - Drag and drop module for Angular JS

  •    Javascript

Drag and drop module for Angular JS with support for touch devices. demo. ng-drag-start and ng-drag-move is also available. Add to the ng-drop element. ng-drag-stop can be used when you want to react to the user dragging an item and it wasn't dropped into the target container.

mobiscroll - Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)

  •    CSS

Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability and performance. Mobiscroll Forms ships with 15 customizable controls that you can use for free that are included in this repository. Use Forms with the premium products that can be found on the Mobiscroll website. You can use the controls in web and hybrid/native cross-platform apps. At it's core Mobiscroll is framework agnostic, but API variants for jQuery/jQuery Mobile, Angular/Ionic, Angular JS/Ionic 1 and React is available.

ui-tinymce - AngularUI wrapper for TinyMCE

  •    Javascript

This library is looking for a maintainer. If you feel up to the task please open an issue indicating so.Be sure not to set an id attribute. This is because the directive needs to maintain selector knowledge in order to handle buggy behavior in TinyMCE when DOM manipulation is involved, such as in a reordering of HTML through ng-repeat or DOM destruction/recreation through ng-if.

angular-chosen - AngularJS Chosen directive is an AngularJS Directive that brings the Chosen jQuery in a AngularJS way

  •    Javascript

This directive brings the Chosen jQuery plugin into AngularJS with ngModel and ngOptions integration. To use, include localytics.directives as a dependency in your Angular module. You can now use the chosen directive as an attribute on any select element. Angular version 1.3+ is required, but recomended 1.4.9+.

ng-stats - Little utility to show stats about your page's angular digest/watches.

  •    Javascript

Little utility to show stats about your page's angular digest/watches. This library currently has a simple script to produce a chart (see below). It also creates a module called angularStats which has a directive called angular-stats which can be used to put angular stats on a specific place on the page that you specify.The first number is the number of watchers on the page (including {{variables}}, $scope.$watch, etc.). The second number is how long (in milliseconds) it takes angular to go through each digest cycle on average (bigger is worse). The graph shows a trend of the digest cycle average time.

grunt-ng-constant - Plugin for dynamic generation of angular constant and value definition modules.

  •    Javascript

Plugin for dynamic generation of angular constant and value modules. The following shows a simple configuration for generating a config module with one constant and one value that contain your package information and debug config.

bootstrap-bower - This is a bower repository to hold Angular UI Bootstrap releases.

  •    Javascript

Installation is easy as UI Bootstrap has minimal dependencies - only the AngularJS and Twitter Bootstrap's CSS are required. Note: Since version 0.13.0, UI Bootstrap depends on ngAnimate for transitions and animations, such as the accordion, carousel, etc. Include ngAnimate in the module dependencies for your app in order to enable animation.This will install AngularJS and Bootstrap NPM packages.

ngx-formly - JavaScript powered FORMS for Angular 2.x and above

  •    TypeScript

@ngx-formly is an Angular module which has a Components to help customize and render JavaScript/JSON configured forms. The formly-form Component and the FormlyConfig service are very powerful and bring unmatched maintainability to your application's forms.Follow these steps to get started with ng-formly. Also check out our demos for further examples.

angular-socialshare - Angular social share module, share urls and content on social networks such as facebook, google+, twitter, pinterest and more

  •    HTML

Angular Socialshare is an angularjs directive for sharing urls and content on social networks such as (facebook, google+, twitter, pinterest and so on). The Angular Socialshare is developed by 720kb.