Angular UI bills itself as a “companion suite for Angular.js.” It’s mostly a set of graphical and user interface based upgrades that focus on how things look and move more than how they perform. This makes it pretty useful as a way of organizing information and work on projects into a format that users will ultimately find enjoyable to use.
Angular File Upload is a neat little tool that makes uploading files work quickly and smoothly. It installs an interface that allows users to drag and drop content they’d like to upload into their project. It uses an ajax call for this function and it’s a very easy to use and lightweight directive tool.
NgTable is a sorting and filtering table. This means that it can be used to aggregate large lists of data into a format that can be tracked by various qualitative measures with ease. It supports a bunch of features, such as variable row heights, customizable pagination, and many others.
Restangular is a module that deals, unsurprisingly, with the Rest API in Angular. Many developers have experienced challenges with using $resource and $http when trying to access rest features. For this reason, the Restangular module is a method of self-support that can link elements and improve usage over all through advanced resting functions.
This module was developed as a method for localization. It’s very easy to use, it’s got a simple and clean interface, and it can be plugged into web apps and other projects at a moment’s notice.
Additionally, it handles translations related to its features, which means that it can be pretty much left alone to run by itself, leaving you to focus on your actual work.
Text editors are kind of the bread and butter of development toolkits. After all, they’re where you write and structure all your code among other things. TextAngular is a powerful text editor that’s specialized for Angular in ways that other editors really can’t compare to. It boasts features like creating multiple editor instances, two-way binding HTML content, and watching editors for changes, among others.
As its name suggests, Angular-breadcrumb is a module that’s focused around generating breadcrumbs for application pages. It’s got a nice and simple style, and it’s heavily based in a hierarchical tree of states, along with the ui-framework that is natural to Angular.
Angular Google Maps
Google maps is one of the most impressive and fully-featured map software out there. Angular Google Maps adds Google Maps as a module to an existing project, which is incredibly useful for many different types of projects. This is possible, of course, because Google runs Angular.
Another progress bar module, ngProgress.js adds a small loading bar at the top of the screen. If you’ve used Google Chrome recently, it’s the same very slim red loading bar that’s become common on sites like YouTube.
A very simple but robust module, Datepicker is a module that adds a simple calendar into your project. It’s an easy directive to use and implement, and it adds features like reminders and alarms as well as the calendar.
The last module we’ll talk about here is one that’s useful as an organizational tool. Treeview is a module that lets you see descending folders organized into the tree structure that’s common to the file directories of systems like Windows. This is a nice and familiar way of organization that can really improve productivity if it’s what you’re used to.
Because Angular is such a widely used framework, there are tons of modules out there and plenty the ones that we’ve covered here are really just a tiny sample. Hopefully, this list will inspire you to browse for more modules or even create your own!