角和角材料[$ injector：modulerr]

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。 链接

Answer 2

您必须在html页面上初始化angular应用。 我可以在摘要中看到该应用尚未初始化。 这是可以帮助您的代码-：

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

角和角材料[$ injector：modulerr]

问题描述

2 个解决方案

解决方案1
0 2016-02-12 07:31:53

解决方案2
0 2016-05-20 19:37:05

角和角材料[$ injector：modulerr]

问题描述

2 个解决方案

解决方案1 0 2016-02-12 07:31:53

解决方案2 0 2016-05-20 19:37:05

解决方案1
0 2016-02-12 07:31:53

解决方案2
0 2016-05-20 19:37:05