AngularJS Routing无法注入模块

时间:2016-12-04 18:24:00

标签: javascript html angularjs

我一直在尝试一些示例,我尝试将模板路由并注入HTML。它无法将模块注入HTML div。

的index.html:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="MyApp">
<head>
    <script src="Script/angular.min.js"></script>
    <script src="Script/angualr-route.min.js"></script>
    <script src="Script/Script.js"></script>        
</head>
<body>
    <table style="font-family:Arial">
        <tr>
            <td  class="leftMenu">

                <a href="#/aboutme">About Me</a><br /><br />
                <a href="#/contact">Contact</a><br /><br />
            </td>
            <td class="mainContent">
                 <div ng-view></div>
            </td>
        </tr>    
    </table>
</body>
</html>

的script.js:

var app = angular.module("MyApp", ["ngRoute"]);
app.config(function ($routeProvider) {
    $routeProvider
    .when("/aboutme", {
        templateUrl: "Templates/aboutme.html",
        controller: "aboutmeController"
    })
    .when("/contact", {
        templateUrl: "Templates/contact.html",
        controller: "contactController"
    })
})

我不确定缺少什么。有人可以指出问题或提出建议吗?

我在开发人员工具的控制台标签中发现了此错误:

Error: $injector:modulerr
Module Error
http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=MyApp&p1=Error: [$injector:unpr] http://errors.angularjs.org/1.4.8/$injector/unpr?p0=%24routeprovider
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:6:416
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:41:121
    at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:39:92)
    at Object.e [as invoke] (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:39:362)
    at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:38:64)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:38:188
    at n (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:7:333)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:37:488)
    at eb (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:41:249)
    at c (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:19:463

0 个答案:

没有答案