1

ここに私のhtmlと角度のある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>

angular UI ブートストラップ アラートが機能せず、コンソールでエラーがスローされる

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

2 に答える 2

0

同じ問題...これはエラーです。SCRIPT5022: モジュールなし: ui.bootstrap angular.min.js、17 行目の文字 443

私は実際に ui.bootstrap に依存関係を注入しています - アラートではありません。もう 1 つの興味深い観察結果 - この問題は IE でのみ発生します (Chrome と Firefox は非常に満足しています) !!!

どんなポインタでも素晴らしいでしょう....

于 2013-07-14T03:24:13.107 に答える