Getting module Injection error with Angularjs ui-bootstrap

Question

I want to use Angularjs Bootstrap UI in my application.after angular.js reference i include these files in my index pages :

and in my application app.js include this line :

var ap = angular.module('ap', ['ngRoute','ui.bootstrap']).config(negsotimeRouter);

but i get this error when try to see the page :

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.16/$injector/modulerr?p0=negsotime&p1=Error…arjs.org%2F1.2.16%2F%24injector%2Fmodulerr%3Fp0%3Dui.bootstrap%26p1%3DErro...<omitted>...5) angular.js:36

with the following link Error Link

do you need that config? try removeing it ? `var ap = angular.module('ap', ['ngRoute','ui.bootstrap']);` — Erick, Apr 16 '14 at 10:45
check if all included files are loaded, by CTRL+ U and search for file names. Another misspelled is that you haven`t closed boostrap script tag... — Erick, Apr 16 '14 at 11:07
see http://stackoverflow.com/questions/26615918/error-injectornomod-module-ui-bootstrap-is-not-available-you-either-miss — Mawg says reinstate Monica, Mar 26 '16 at 11:36

score 2 · Answer 1 · answered Dec 21 '14 at 09:22

2

You are missing the script reference to the Angular UI Bootstrap script itself. You need to download it and make a reference to it.

For instance the latest version: https://github.com/angular-ui/bootstrap/blob/gh-pages/ui-bootstrap-0.6.0.min.js

All versions here: https://github.com/angular-ui/bootstrap/tree/gh-pages

As you can see, the angular ui.bootstrap module is defined in that script.

answered Dec 21 '14 at 09:22

Jack

33
5

And how should he make the reference? And it should be afer the main AngularJs ? – Mawg says reinstate Monica Mar 26 '16 at 11:35

score 0 · Answer 2 · answered Dec 07 '16 at 08:58

This is an old post, but I will post what worked for me.

I downloaded the js file from https://github.com/angular-ui/bootstrap/blob/gh-pages/ui-bootstrap-tpls-2.3.0.min.js

Placed it in a directory with my other angular scripts

Made a reference to it in the Index.html file using a <Script> tag.

Getting module Injection error with Angularjs ui-bootstrap

2 Answers2