Top 5 AngularJS Directives (Modules)

Here is what we think are the Top 5 Directive AngularJS Modules.┬áDirectives are one of the most powerful things about AngularJS as a Framework. The ability to write custom directives which you can use to enrich your HTML markup and DOM elements. The ng directive could transform DOM elements, link DOM elements, attach behaviours to DOM elements and more. These DOM elements in a HTML template are them compiled and this is where the directives are attached/linked up. I won’t go too much into this process as its quite complicated and deals with things such as directive transclude and directive scope, that’s another post. In this post why don’t you check out some directives below and get started with Angular!

This post was last updated on: 2/7/2015. For an updated list see more Directive AngularJS Modules

1. Bootstrap by AngularUI

bootstrap
bootstrap

Native AngularJS (Angular) directives for Bootstrap. Small footprint (5kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!

GitHub Website + Demo

2. Angular Strap by Olivier Louvignes

angular-strap
angular-strap

AngularJS 1.2+ native directives for Bootstrap 3.

GitHub Website + Demo

3. ngFile Upload by Danial Farid

ng-file-upload
ng-file-upload

An AngularJS directive for file upload using HTML5 with FileAPI polyfill for unsupported browsers

GitHub

4. Angular Google Maps by AngularUI

angular-google-maps
angular-google-maps

AngularJS directives for the Google Maps Javascript API.

GitHub Website + Demo

5. Angular Moment by Uri Shaked

angular-moment
angular-moment

AngularJS directive and filters for Moment.JS.

GitHub

Thank you for reading and if you would like to you can submit your Directive AngularJS Modules or leave a comment below.

Post tags: Directive.

Sam Deering

Sam Deering

Sam is a web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and sharing what he learns with others.

Leave a Reply

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