模块'ui.bootstrap'不可用!任何模块不起作用

时间:2019-03-19 13:06:30

标签: angularjs angular-ui-bootstrap

模块'ui.bootstrap'不可用!任何模块不起作用。

有什么解决办法吗? 我正在使用角度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>

我已在所有有角度的js文件之后添加了该文件

1 个答案:

答案 0 :(得分:0)

收到此错误时,请检查相关模块的名称是否正确以及定义了该模块的文件是否已加载(通过<script>标签,诸如require.js之类的加载器或测试工具(如业力)。 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>