为什么我在这里得到Angular$injector:modulerr错误?使用1.5β

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

本文关键字：错误 modulerr 使用 injector 在这里 Angular 为什么      更新时间：2023-09-26

标记

<!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，角度路线，甚至角度资源和动画。。。

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

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

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

此外，你应该在html上有ng-controller="mainCtrl"。

<section ng-controller="mainCtrl">
</section>
相关文章：