CODEWITHSUNDEEP
angularjsangular-ui-bootstrap
Vijay Prajapati
Vijay Prajapati

Reputation: 248

Module 'ui.bootstrap' is not available! any Module not working

Module 'ui.bootstrap' is not available! any module not working.

Is there any solution? i am using angular 1.4.7

var App = angular.module('my-clinic', [
  'ngRoute', 'ngAnimate', 'ngStorage', 'ngCookies', 'ui.bootstrap', 
  'ngMessages', 'ui.router', 'ui.calendar'
]);

<script src="assets/vendor/ngstorage/ngStorage.js"></script>

i had added this file after all angular js files

Upvotes: 0

Views: 239

Answers (1)

georgeawg
georgeawg

Reputation: 48968

When you receive this error, check that the name of the module in question is correct and that the file in which this module is defined has been loaded (either via <script> tag, loader like require.js, or testing harness like karma).1

angular.module('ui.bootstrap.module', ['ui.bootstrap'])
.controller('ui.bootstrap.ctrl', function ($scope) {
  $scope.ToolTipText = "Hello, World!";
})
<link href="//unpkg.com/bootstrap@3/dist/css/bootstrap.css" rel="stylesheet">
<script src="//unpkg.com/angular/angular.js"></script>
<script src="//unpkg.com/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js"></script>

<div ng-app="ui.bootstrap.module" >
  <div ng-controller="ui.bootstrap.ctrl">

    <span uib-tooltip="{{ToolTipText}}" tooltip-placement="bottom" >
      Hover for Tooltip
    </span>

  </div>
</div>

Upvotes: 0

Related Questions