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-route甚至角度资源和动画...

Answer 1

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

错误不是由角度版本造成的，而是因为你在应用程序mdoule中注入了错误的依赖项。只是你不能在模块中注入mainCtrl作为你要在模块中注册的控制器mainCtrl。

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

你也应该在html上有ng-controller="mainCtrl"。

<section ng-controller="mainCtrl">

</section>

为什么我在这里得到Angular $ injector：modulerr错误？使用1.5 beta

1 个答案: