首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >错误:$injector:modulerr模块错误。应用程序无法路由到不同的页面

错误:$injector:modulerr模块错误。应用程序无法路由到不同的页面
EN

Stack Overflow用户
提问于 2017-10-24 00:31:54
回答 3查看 40关注 0票数 1

我得到了上述错误。我刚刚开始了一个角度计划,这不是我的第一次牛仔竞技,但我从来没有收到过这个错误。

下面是包含语句的html和JS代码。我是缺少了一个脚本,还是我初始化的模块不正确?

代码语言:javascript
运行
复制
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Examples of Exploits</title>
    <link rel="stylesheet" type="text/css" href="main.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script>
</head>

<body ng-app="app">

    <div class="navbar navbar-inverse">
        <div class = "container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Exploit Examples</a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="/!">Home</a></li>
                    <li><a href="#!sqlInjection">SQL Injection</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div ng-view></div>
</body>
</html>

代码语言:javascript
运行
复制
var app = angular.module('app', []);

app.config(['$routeProvider', function($routeProvider){
    $routeProvider.when("/",{
        templateUrl : index.html
    })
        .when("/sqlInject", {
            templateUrl:sqlInjection.html
        });
}])

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-10-24 01:05:05

使用<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>,在引号中使用"sqlInjection.html""index.html",在var app = angular.module('app', ['ngRoute']);中使用'ngRoute'

我已经做了一个关于代码的例子,它可以帮助您https://codepen.io/Ferhad/project/editor/DGgPKb#

票数 1
EN

Stack Overflow用户

发布于 2017-10-24 00:41:29

看起来你忘了在应用程序中注入ngRoute了。你可以这样做:

代码语言:javascript
运行
复制
var app = angular.module('app', ['ngRoute']);

并且不要忘记包含angular-route脚本,例如从这里开始(但是最好使用本地版本!):

代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>

我看不出,在哪里,您正在通过定义应用程序模块和路由导入您的脚本,看起来您也忘记将它包含在HTML中了。

票数 0
EN

Stack Overflow用户

发布于 2017-10-24 01:06:45

我做了一个小提琴的基础上@商业杀菌剂的答案。

这是小提琴。

我认为这个问题是由于在'中缺少templateUrl而引起的。

尝尝这个。

https://jsfiddle.net/Canet/osvjc8mb/

代码语言:javascript
运行
复制
app.config(['$routeProvider', function($routeProvider){
    $routeProvider.when("/",{
        templateUrl : 'index.html'
    })
    .when("/sqlInject", {
        templateUrl: 'sqlInjection.html'
    });
}])
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46900439

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档