未捕获的错误：[$injector:modulerr] - Angular ng-include答案

【问题标题】：Uncaught Error: [$injector:modulerr] - Angular ng-include未捕获的错误：[$injector:modulerr] - Angular ng-include
【发布时间】：2015-05-10 04:28:42
【问题描述】：

我正在使用 ng-include 将一些 HTML 页面附加到 AngularJS 中的一个 HTML 页面。

查找 Main.html 页面代码

<!DOCTYPE html>
<html ng-app="Test">

<head>
<link rel="stylesheet" href ="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>

<body ng-controller="userController">

<div class="container">
  <div ng-include="'test1.htm'"></div>
  <div ng-include="'test2.htm'"></div>
</div>


</body>
</html>

test1.html 代码

<!DOCTYPE html>
<html>
<head>
</head>
<body>
Full Name: 
</body>
</html>

我的代码似乎没有错。但是当我在浏览器中加载它时，什么都没有显示，我得到控制台错误说，

未捕获的错误：[$injector:modulerr] http://errors.angularjs.org/1.2.26/$injector/modulerr?p0=Test&p1=Error%3A%2…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js%3A18%3A387)

请帮我解决问题。

【问题讨论】：

我也遇到了同样的问题。plnkr.co/edit/Wf7POLXpqbrmyiRbOlsg?p=preview
你的演示对我来说很好用，在 2 个浏览器中试过
在浏览器中粘贴错误并检查错误...
Demo 可以，但是如果我把代码下载到本地机器上运行，那就不行了

标签： javascript jquery html angularjs angularjs-ng-include

【解决方案1】：

错误在这里

<html ng-app="Test">

您必须定义一个新模块才能将其用作应用程序

类似的东西

MainModule.js

    var app =angular.module("myApp",[]);
    app.controller("myCTRL"["$scope",function($scope){

    }]);

然后将该 js 文件包含到您的项目中以使用它就这样

    <!DOCTYPE html>
    <html ng-app="myApp">

    <head>
            <link rel="stylesheet" href ="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
            <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>    
            <script src="assets/js/MainModule.js"></script>
</head>

    <body ng-controller="myCTRL">

    <div class="container">
      <div ng-include="'test1.htm'"></div>
      <div ng-include="'test2.htm'"></div>
    </div>


    </body>
    </html>

【讨论】：

【解决方案2】：

您必须在 head 标签中包含 'angular route java 脚本文件。像这样，

<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.route.js"></script>
</head>

【讨论】：

不走运..错误：[$injector:unpr] errors.angularjs.org/1.2.26/$injector/… at Error (native)
您的 plunker 代码在 IE 11 中运行，检查其他浏览器中的确切错误。
错误：[$injector:unpr] errors.angularjs.org/1.2.26/$injector/… 在匿名函数 (ajax.googleapis.com/ajax/libs/angularjs/1.2.26/…)
应用本身没有定义，没有使用路由服务