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

Answer 1

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.

Answer 2

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.