1

这是我的 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
4

2 回答 2

0

我有这个问题，一个愚蠢的答案真的。我通过右键单击并保存下载了文件 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

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

于 2013-08-16T03:43:59.550 回答
0

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

我实际上是在注入对 ui.bootstrap 的依赖——而不是处于警戒状态。另一个有趣的观察 - 这个问题只出现在 IE 上（Chrome 和 Firefox 很高兴）！！！

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

于 2013-07-14T03:24:13.107 回答