Question

这是我的html和angular js代码

    <html ng-app="myApp">
<head>
    <title>Angular App</title>
    <link href="Styles/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/angular.min.js" type="text/javascript"></script>
    <script src="Scripts/ui-bootstrap-custom-0.4.0.js" type="text/javascript"></script>
    <script src="Scripts/ui-bootstrap-custom-tpls-0.4.0.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        var myApp = angular.module('myApp', ['ui.bootstrap.alert']);
        function AlertDemoCtrl($scope) {
            $scope.alerts = [
    { type: 'error', msg: 'Oh snap! Change a few things up and try submitting again.' },
    { type: 'success', msg: 'Well done! You successfully read this important alert message.' }
  ];

            $scope.addAlert = function () {
                $scope.alerts.push({ msg: "Another alert!" });
            };

            $scope.closeAlert = function (index) {
                $scope.alerts.splice(index, 1);
            };

        }
    </script>
</head>
<body>

    <div ng-controller="AlertDemoCtrl">
        <alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>
        <button class='btn' ng-click="addAlert()">
            Add Alert</button>
    </div>
</body>
</html>

角度UI引导警报不起作用，并且在控制台中出现抛出错误

Uncaught Error: No module: ui.bootstrap.alert  in angular.min.js line 17

Answer 1

同样的问题......这是错误。 SCRIPT5022：没有模块：ui.bootstrap angular.min.js，第17行，第443页

我实际上是在ui.bootstrap上注入依赖 - 而不是警告。另一个有趣的观察 - 这个问题只出现在IE上（Chrome和Firefox非常高兴）!!!

任何指针都会很棒......

Answer 2

我有这个问题，真的是一个愚蠢的回答。我通过右键单击并保存下载了文件ui-bootstrap-tpls-0.5.0.js frmo github。这不起作用，而不是下载.js文件，它指向的html文件已下载。

确保ui-bootstrap - * .js文件看起来像这里的文件：

https://github.com/angular-ui/bootstrap/blob/gh-pages/ui-bootstrap-tpls-0.5.0.js

你还应该确保在你的app.js之前（或者你声明你的角度模块的地方）加载你的ui-bootstrap - * .js 。

未捕获的错误：没有模块：angular.min.js第17行中的ui.bootstrap.alert

2 个答案: