CODEWITHSUNDEEP
angularjstwitter-bootstrapangular-ui-bootstrap
user3413838
user3413838

Reputation: 320

Getting module Injection error with Angularjs ui-bootstrap

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

Upvotes: 4

Views: 7001

Answers (2)

Amar Dev
Amar Dev

Reputation: 1479

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.

Upvotes: 0

Jack
Jack

Reputation: 33

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.

Upvotes: 2

Related Questions