我一直在尝试一些示例,我尝试将模板路由并注入HTML。它无法将模块注入HTML div。
<!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>
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