未捕获的错误: [$injector:modulerr] - 角度 ng-include

Uncaught Error: [$injector:modulerr] - Angular ng-include

本文关键字:modulerr ng-include 角度 injector 错误      更新时间:2023-09-26

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

查找主页面代码.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>

测试1.html代码

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

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

未捕获的错误: [$injector:模块] 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)

请帮助我解决问题。

错误在这里

<html ng-app="Test">

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

类似的东西

主模块.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>
你必须

在 head tag 中包含 '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>