angularjs - Adding ui.bootstrap dependency with bower

Question

I m trying to add ui.bootstrap dependency to my angular project (I m using yeoman, bower). I did this :

1. yo angular
2. bower install angular-ui
3. I then added to my index.html file : and
4. grunt serve

Then I added the ui.bootstrap dependency to my app.js:

angular.module('angularuiprojectApp', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'ngRoute', 'ui.bootstrap'])

When I m trying to access to my index.html on Chrome I m getting this error :

Uncaught Error: [$injector:modulerr] Failed to instantiate module angularuiprojectApp due to: Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap due to: Error: [$injector:nomod] Module 'ui.bootstrap' is not available! You either ......1)

I don't know where I m wrong, if someone can help me on this... Thanks.

question from:https://stackoverflow.com/questions/22178753/adding-ui-bootstrap-dependency-with-bower

Answer 1

You are installing a wrong package from bower. The correct one to install is bower install angular-bootstrap as described here: https://github.com/angular-ui/bootstrap#installation

Edit:

As of February 2015, a Bower version of the library exists at https://github.com/angular-ui/bootstrap-bower.

Unfortunately, it presently only contains AngularUI Bootstrap 0.12.0 which, as far as I can tell, isn't fully compatible with Angular >= 1.3. It looks like the maintainers intend AngularUI Bootstrap >= 0.13.0 to be compatible with Angular 1.3, <>but that version of the library seems not to have made its way to the Bower-compatible repo yet.
No longer an issue, AngularUI Bootstrap 0.13.0 version is now provided and supported.