Skip to content
Angular.js - Angular-UI
Find file
Pull request Compare This branch is 536 commits behind angular-ui:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Angular.js - UI Contributions



  • AngularJs v1.0.0rc? is currently required. TODO: Narrow down to specific RC version
  • jQuery / Plugins (depends on directive). Check specific directive dependencies for more information


The repository comes with the modules pre-built and compressed into the build directory.

  1. Include the javascript files - angular-ui.js or angular-ui.min.js
  2. Add a dependency to one or more ui modules onto your angular application module:
angular.module('myApp', ['ui']); // to include everything  
angular.module('myApp', ['ui.directives']); // to include all the directives only  
angular.module('myApp', ['']); // to include only a single module

The modules can be found in the Directives and Filters folders. Check out the readme file associated with each module for specific module usage information.


You do not need to build the project to use it - see above - but if you are hacking on it then this is what you need to know.


Install UglifyJS & LESS:

$ [sudo] npm install uglify-js -g  
$ [sudo] npm install less -g  
$ [sudo] npm install coffee-script -g


$ make build


The modules come with unit tests that should be run on any changes and certainly before commiting changes to the project. The unit tests should also provide further insight into the usage of the modules.


The project is configured to use the marvellous Testacular test runner from AngularJS developer Vojta. It is a nodeJS app. You simply install it from NPM:

$ [sudo] npm install testacular -g

The test configuration is in test/test-config.js. You pass this in when you run the test server:

$ testacular test/test-config.js

Capture your testing browsers by browsing to http://localhost:8080 (in this case) on all the different flavours of browser you wish to test.

Then whenever you make a change either run

$ make build
$ testacular-run

Or even quicker

$ make test


 * Directive Description
 * @param expression {type} description
 * @example code demo (if possible)
angular.module('ui.directives').directive('uiMYDIRECTIVE', ['ui.config', function(uiConfig) {
  return function(scope, elm, attrs) {
Something went wrong with that request. Please try again.