为什么我在这里收到 Angular $injector:modulerr 错误？使用 1.5 测试版

Question

标记

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Angular I</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="author" href="humans.txt">
</head>
<body ng-app="app">

    <section ng-controller="mainCtrl">
      <h1>My App</h1>
      <p>{{name}}</p>
    </section>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular-route.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular-animate.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular-resource.min.js"></script>

    <script src="script.js"></script>
</body>
</html>

script.js

var app = angular.module('friendsList', []);

app.controller('mainCtrl', function($scope) {
    $scope.name = "Leon Gaban";
})

我包括 angular.min、angular-路线甚至 angular-资源和动画...

Answer 1

你的ng-app模块有误，应该是ng-app="friendsList"而不是app。

错误不是由于 angular 版本，而是因为您在应用程序模块中注入了错误的依赖项。简单地说，你不能在你的模块中注入 mainCtrl 作为它的控制器 mainCtrl，你将要在你的模块中注册它。

var app = angular.module('friendsList', []);

您还应该在 html 上设置 ng-controller="mainCtrl"。

<section ng-controller="mainCtrl">

</section>

为什么我在这里收到 Angular $injector:modulerr 错误？使用 1.5 测试版

Why am I getting the Angular $injector:modulerr error here? Using 1.5 beta

javascript

angularjs

angularjs-controller

angularjs-module