【问题标题】:Why am I getting the Angular $injector:modulerr error here? Using 1.5 beta为什么我在这里收到 Angular $injector:modulerr 错误?使用 1.5 测试版
【发布时间】:2016-02-01 18:33:10
【问题描述】:

标记

<!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>

脚本.js

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

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

我包括 angular.min、angular-route 甚至 angular-resource 和 animate...

【问题讨论】:

    标签: javascript angularjs angularjs-controller angularjs-module


    【解决方案1】:

    你有错误的ng-app模块,它应该是ng-app="friendsList"而不是app

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

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

    您还应该在 html 上添加 ng-controller="mainCtrl"

    <section ng-controller="mainCtrl">
    
    </section>
    

    【讨论】:

    • 谢谢!是的,很抱歉搞砸了,我修好了...但是我仍然有 $injector 错误...我认为这与我的 Angular lib 脚本有关?
    • 啊谢谢!大声笑...忘记了:)
    • @LeonGaban 很高兴为您提供帮助..谢谢 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-09
    • 2020-11-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-27
    相关资源
    最近更新 更多