I m trying to add ui.bootstrap dependency to my angular project (I m using yeoman, bower). I did this :
- yo angular
- bower install angular-ui
- I then added to my index.html file : and
- 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.
install the bower version that depends on the angular version that your project uses.
I first installed;
Then I added below to bower.json
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#installationEdit:
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.
This also works.
Please refer to this answer if you have any issue with the version installed by bower. There seems to be some version issues with ui-boostrap quoting the answer