Question

我刚开始学习角度，我用角度材料创建了一个基本应用程序。但我有一个错误：

[$注射器：modulerr]

我的HTML：

<html>
<head>
...

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>

    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>

    <script src="assets/javascripts/app.js"></script>
    </body>
</html>

在app.js中我有这个：

var app = angular.module('angularTest', ['ngMaterial', 'ngRoute'])
      .config(function($mdThemingProvider) {
        $mdThemingProvider.theme('default')
        .primaryPalette('pink')
        .accentPalette('orange');
    });

如果我用app.js删除脚本标记，并用<script> var app = ...</script>替换，那么它可以正常工作。：（

有没有人有解决方案？非常感谢！

Answer 1

请检查您的代码，或者分享它的plnkr链接。

您的代码段中缺少一些内容（包括关闭头，正文开始，ng-app标记等），我假设它位于...部分

我用你提到的内容创建了一个plnkr，它似乎工作正常：

<html>
<head></head>
<body ng-app="angularTest">

{{1+2}}

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>

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

这正确加载，并在打开时在浏览器中显示3。 Plnkr link

Answer 2

您必须在html页面上初始化角度应用。我可以在片段中看到应用程序没有初始化。以下是可以帮助您的代码 - ：

<html ng-app="angularTest">
 <body>...</body>
</html>

角度和角度材料[$ injector：modulerr]

2 个答案: