由于我的工作,我试图学习旧的angularjs。由于某种原因,它确实注入了模块,而我不明白为什么。作为示例,我在这里可以正常工作,但是由于某种原因我的代码确实无效。我是编程的入门者。
这是我的代码:Index.html
`<!DOCTYPE html>
<html ng-app="App">
<head>
<title>Hello World</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="Control\Controller.js"></script>
</head>
<body>
<h1>Bem Vindo!</h1>
<ul>
<li><strong><a href="#/view">View</a></strong></li>
</ul>
<div ng-view="">
</div>
</body>
</html> `
Controller
`var App = angular.module("helloWorld",["ngRoute"]);
App.config(function($routeProvider){
$routeProvider.when("/view",{
templateUrl : "Views/view.html",
controller : "helloWorldCtrl"
});
$routeProvider.otherwise({ redirecTo : "/index"});
});
App.controller("helloWorldCtrl", function($scope){
$scope.message = "helloWorld";
});`
view
`<div ng-controller="helloWorldCtrl">
{{message}}
{{messagee}}
</div>`
错误:
`angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=App&p1=Error%3A%20%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.3.15%2F%24injector%2Fnomod%3Fp0%3DApp%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A6%3A417%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A21%3A412%0A%20%20%20%20at%20a%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A21%3A53)%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A21%3A296%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A35%3A46%0A%20%20%20%20at%20r%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A7%3A302)%0A%20%20%20%20at%20g%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A34%3A399)%0A%20%20%20%20at%20ab%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A38%3A135)%0A%20%20%20%20at%20d%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A17%3A381)%0A%20%20%20%20at%20uc%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A18%3A179)
at angular.js:38
at angular.js:4138
at r (angular.js:323)
at g (angular.js:4099)
at ab (angular.js:4025)
at d (angular.js:1452)
at uc (angular.js:1473)
at Jd (angular.js:1367)
at angular.js:26304
at HTMLDocument.a (angular.js:2762) `
您在这里给了世界而不是App
var App = angular.module("App",["ngRoute"]);
App.config(function($routeProvider){
$routeProvider.when("/view",{
templateUrl : "Views/view.html",
controller : "helloWorldCtrl"
});
$routeProvider.otherwise({ redirectTo : "/index"});
});
App.controller("helloWorldCtrl", function($scope){
$scope.message = "helloWorld";
});