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

问题描述 投票:0回答:1

模块'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文件后添加了这个文件

angularjs angular-ui-bootstrap
1个回答
0
投票

当您收到此错误时,请检查相关模块的名称是否正确以及是否已加载定义此模块的文件(通过<script>标记,像require.js这样的加载程序,或者像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>
© www.soinside.com 2019 - 2024. All rights reserved.