Error: [$injector:modulerr] in Angular JS

Question

我正在尝试使用 MEAN 堆栈创建应用程序。我的控制器代码如下所示。

var myApp = angular.module('myApp',[]);
myApp.controller('AppCtrl',['$scope', '$http', function($scope, $http){
    console.log("Hello World from console");
}])();

我的 index.html 看起来像这样：

    <!DOCTYPE>
<html>
<head>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
    <title>
        Contact List App</title>
    </head>

    <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
    <script scr = "controllers/controller.js"></script>

    <body ng-app = "myApp">
        <div class = "container" ng-controller = "AppCtrl">
            <h1>Contact List App</h1>

            <table class= "table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Number</th>
                    </tr>
                    </thead>
                </table>
            </div>
    </body>
    </html>

它抛出错误：[$injector:modulerr] 如果有人遇到过这个问题，请帮助我。

Answer 1

把调用运算符()从控制器的末尾去掉。

Answer 2

错误是我在脚本标签中键入了 scr 而不是 src。我这边的蹩脚错误

Answer 3

尝试在您的 angular 模块中注入 $scope 和 $http。

Error: [$injector:modulerr] in Angular JS

Error: [$injector:modulerr] in Angular JS

javascript

angularjs

mean-stack